JavaScript starter project

Get up and running with JavaScript 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

Install dependencies and run setup commands.

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

Add your API token as an environment variable and run development server

$ echo 'VITE_BUTTER_CMS_API_KEY=<Your API Token>' >> .env
$ npm run start

Local Development: http://localhost:3000/

GitHub Repository: https://github.com/ButterCMS/react-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

React Guide

Framework integration guide

Additional reading

• Ionic vs React Native: Picking a Cross-Platform Framework
• Angular SEO: How to Make Search-Friendly Pages
• Top New JavaScript UI Frameworks & Libraries for 2020

Next steps

Core Concepts

Learn about Pages, Collections, and Components

API Reference

Explore the full ButterCMS API