Cosmic Blocks
blocks background

Build Faster

React components for building Cosmic powered websites and apps.
nextreacttailwindtypescript

Get Started

Build Your Project, Block by Block

1

Create a new Next.js project

You can skip this step if you are installing Blocks into an existing Next.js app (v13+). Read the last FAQ at the bottom of this page for more instructions on what options to include.
2

Get and save your API keys as environment variables

Get your API keys in the Cosmic dashboard at Project > API keys then add them by clicking the button below.
3

Select your Blocks

Install the content model into your Bucket in a single click, then copy and paste the code into your website codebase.

Frequently Asked Questions

footer logo