Get started with Contentful

Create a space, add sample content, and deploy a Gatsby site in minutes, all through the Contentful CLI. See how Contentful works with the latest web technologies to power content.

Learn about the site your are creating below, or get started right away in the CLI

See how Contentful works with Gatsby and the latest web technologies

The sample blog in the Contentful guide is a static site built with Gatsby.js and can be deployed to any static site hosting provider.

Gatsby starter tech stack

Explore how the sample website is built with Contentful

The content of the site is structured so that it is easy to reuse, and can work with any layout you can dream up.

Contentful data flow

Ready to start? Set-up and deploy a website through the Contentful CLI

Install the Contentful CLI toolI don't have node.js installed

Install the contentful-cli by following these steps.

Deploy the Starter Gatsby Blog

You are now done creating your own Contentful-powered website! New builds of the site will pull the most recent state of your content from Contentful. Now, it's time to deploy it! Select your preferred hosting service to see the CLI deployment commands. We have selected two hosting service providers as options to get you started.

Netlify CLI Commands

  1. Install the Netlify CLI
  2. netlifyctl login
  3. npm run build
  4. netlifyctl deploy -b public
  5. Netlify will ask if you want to create a new website. Select "YES" to deploy the site.

Heroku CLI CommandsView deployment instructions for Heroku

  1. Install the Heroku CLI
  2. heroku login
  3. heroku create --buildpack heroku/nodejs
  4. heroku buildpacks:add https://github.com/heroku-buildpack-static.git
  5. For the following command, make sure to use your own space id and access tokens.
    heroku config:set CONTENTFUL_SPACE_ID=<YOUR_SPACE_ID> CONTENTFUL_DELIVERY_TOKEN=<YOUR_DELIVERY_TOKEN>
  6. git push heroku master