Astro starter project

Get up and running with Astro and ButterCMS in under two minutes, with a starter that showcases Pages, Collections, and a Blog engine.

One-Click Deploy: Skip local setup and deploy to Vercel instantly.

Quick start

First, clone the repo and install the dependencies by running npm install

git clone https://github.com/ButterCMS/astro-starter-buttercms.git
cd astro-starter-buttercms
npm install

To fetch your ButterCMS content, add your API token as an environment variable.

$ echo 'ASTRO_APP_BUTTER_CMS_API_KEY=<Your API Token>' >> .env

To view the app in the browser, you’ll need to run the local development server:

$ npm run start

Local Development: http://localhost:4321/

GitHub Repository: https://github.com/ButterCMS/astro-starter-buttercms/

What’s included

Feature	Description
Pages & Page Types	Pre-built page templates with drag-and-drop schema definition
Components	Modular content blocks for dynamic landing pages
Collections	Structured data for navigation, testimonials, FAQs
Blog Engine	Full blog with posts, categories, tags, and search
Media CDN	Automatic image optimization via Filestack

Deploy options

Deploy to Vercel

One-click deploy with automatic builds on content changes

Resources

GitHub Repository

View source code and contribute

Astro Guide

Framework integration guide

Additional reading

• Creating a Static Website with Hugo and ButterCMS!
• New Blog Post UI and Write API Capabilities
• 6 of the Best Static Site Generators in 2021

Next steps

Core Concepts

Learn about Pages, Collections, and Components

API Reference

Explore the full ButterCMS API