Gatsby Contentful Starter

A Gatsby starter using Contentful (CMS) and Tailwind (CSS framework). In particular, this starter leverages Contentful's Rich Text field to render content and uses Tailwind Typography for styling.

Getting Started

1. Use the Gatsby CLI (install instructions) to create a new site, specifying the gatsby-contentful-rich-text-starter.

   # create a new Gatsby site using the gatsby-contentful-rich-text-starter
   gatsby new my-contentful-starter https://github.com/kgajera/gatsby-contentful-rich-text-starter
   

2. Navigate into your new site’s directory:

   cd my-contentful-starter/
   

3. Create a new environment file, .env.development, with the following contents:

   CONTENTFUL_SPACE_ID=
   CONTENTFUL_ACCESS_TOKEN=
   CONTENTFUL_MANAGEMENT_TOKEN=
   

4. Run npm run contentful-import to import content types.

5. Run npm run develop to start the development server. Your site is now running at http://localhost:8000!

Deploy

Deploy this starter with one click on Gatsby Cloud: