Agency Template, powered by Blocks

desktop.png

A custom template built using Cosmic's data infused components, Blocks. Use this tempalate to get familiar with Blocks and how they can be used to build common content-powered features for your websites and apps, or simply use it as a starting point for your next project. Save development time and learn content modeling best practices.

Links

Install this template

View the live demo

Features

⚡️ Performance optimized

👁 Draft preview ready

📱 Mobile responsive

🌎 Localization ready

🌓 Dark mode ready

🔧 Customizable

♿️ Accessible

🦺 Type safe

blocks.png blocks.png

Getting started

  1. Install this template in Cosmic.

  2. Download this code repository and install the dependencies.

git clone https://github.com/cosmicjs/agency-template
cd agency-template
bun install
  1. Create a .env.local file with your Cosmic API keys. Find these after logging in to the Cosmic dashboard in Project > API keys.
cp .env.example .env.local

It will look like this:

# .env.local
COSMIC_BUCKET_SLUG=change_to_your_bucket_slug
COSMIC_READ_KEY=change_to_your_bucket_read_key
COSMIC_WRITE_KEY=change_to_your_bucket_write_key
  1. Run the template.
bun dev

Open http://localhost:3000.

Deploy to Vercel

Use the following button to deploy to Vercel. You will be asked to add API accesss keys as environment variables.

License

Licensed under the MIT license.