Gridsome ButterCMS Starter

• Demo: https://buttercms-gridsome-starter.netlify.app/

1. cd into the project and install dependencies

cd gridsome-starter-buttercms
npm install

2. Setup a ButterCMS account

1. Create a free account on ButterCMS - https://buttercms.com/.
2. Copy and save off your read API token from the welcome screen or Profile >> settings (it looks like this: a985f3f782f2005...)
3. Create and publish a new customer_case_study page type in your ButterCMS account by following simple steps https://buttercms.com/docs/api-client/gridsome#PagesPageType

3. In gridsome.config.js, replace the auth token placeholder with the read API token from your ButterCMS account

module.exports = {
  siteName: 'Gridsome',
  plugins: [
    {
      use: 'gridsome-source-buttercms',
      options: {
        authToken: '<your_token>', // change to your read API token
        collections: [''],
        pages: '',
        pageTypes: 'customer_case_study'
      }
    }
  ]
}

4. Run the project locally on port 8080

npm run develop

Learn more

ButterCMS can be used as a gridsome cms and gridsome blog engine. This starter project demonstrates how to use Butter with Gridsome.