Skip to main content

​
Browse all guides

Get the deep dive.Choose any guide from the left sidebar to get walked through installing the ButterCMS SDK, connecting to the API, and fetching content with working code examples for your framework.

​
Try a starter project

Want to skip the manual setup?Check out our starter projects—fully working apps pre-wired with ButterCMS content—that you can clone, run, and deploy in minutes. Explore a working example before diving into the API details.

​
More on starter projects

Each starter project includes:
Pre-configured API connection, environment variables, and data fetching patterns ready to use.
Native support for user-created Pages with reusable Page Types. Define your schema once using drag-and-drop in the Butter dashboard.
Global components and Collection Items for reusable content schemas across any page.
Fully functional blog with posts, categories, tags, authors, search, and filtering.
Powerful media-file handling via Filestack CDN with automatic optimization.
Deploy instantly to Vercel or Heroku with a single click.

​
Quick start pattern

All our starters follow the same simple setup pattern: 
# 1. Clone the repository
git clone https://github.com/ButterCMS/[framework]-starter-buttercms.git

# 2. Install dependencies
cd [framework]-starter-buttercms
npm install

# 3. Add your API token
echo 'API_KEY=your_butter_api_token' >> .env

# 4. Run development server
npm run dev
Get your API token from Settings → API Tokens in the ButterCMS dashboard.