Skip to main content
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/gridsome-starter-buttercms.git
cd gridsome-starter-buttercms
npm install
To fetch your ButterCMS content, add your API token as an environment variable. 
$ echo 'GRIDSOME_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:8080/ GitHub Repository: https://github.com/ButterCMS/gridsome-starter-buttercms/

​
What’s included

FeatureDescription
Pages & Page TypesPre-built page templates with drag-and-drop schema definition
ComponentsModular content blocks for dynamic landing pages
CollectionsStructured data for navigation, testimonials, FAQs
Blog EngineFull blog with posts, categories, tags, and search
Media CDNAutomatic 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

Vue.js Guide

Framework integration guide

​
Additional reading

​
Next steps

Core Concepts

Learn about Pages, Collections, and Components

API Reference

Explore the full ButterCMS API