Cosmic Blocks
blocks background

Build Faster

React components for building Cosmic powered websites and apps.

Get Started

Build Your Project, Block by Block


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.

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.

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