https://github.com/kgajera/gatsby-contentful-rich-text-starter

A Gatsby starter using Contentful (CMS) and Tailwind (CSS framework). In particular, this starter leverages Contentful's Rich Text field to render content.
https://github.com/kgajera/gatsby-contentful-rich-text-starter

contentful gatsby-starter gatsbyjs tailwindcss

Last synced: 2 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kgajera/gatsby-contentful-rich-text-starter
• Owner: kgajera
• License: 0bsd
• Created: 2021-10-30T00:59:30.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-22T00:39:51.000Z (about 3 years ago)
• Last Synced: 2024-12-07T01:26:21.259Z (about 2 months ago)
• Topics: contentful, gatsby-starter, gatsbyjs, tailwindcss
• Language: JavaScript
• Homepage: https://gatsbycontentfulrichtext.gatsbyjs.io
• Size: 855 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  Gatsby Contentful Starter



A Gatsby starter using [Contentful](https://www.contentful.com) (CMS) and [Tailwind](https://tailwindcss.com/) (CSS framework). In particular, this starter leverages Contentful's [Rich Text](https://www.contentful.com/developers/docs/concepts/rich-text/) field to render content and uses [Tailwind Typography](https://github.com/tailwindlabs/tailwindcss-typography) for styling.

## Getting Started

1. Use the Gatsby CLI ([install instructions](https://www.gatsbyjs.com/docs/tutorial/part-0/#gatsby-cli)) to create a new site, specifying the gatsby-contentful-rich-text-starter.

   ```shell

   # 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

   ```

1. Navigate into your new site’s directory:

   ```shell

   cd my-contentful-starter/

   ```

1. Create a new [environment file](https://www.gatsbyjs.com/docs/how-to/local-development/environment-variables/), `.env.development`, with the following contents:

   ```

   CONTENTFUL_SPACE_ID=

   CONTENTFUL_ACCESS_TOKEN=

   CONTENTFUL_MANAGEMENT_TOKEN=

   ```

1. Run `npm run contentful-import` to import content types.

1. 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](https://www.gatsbyjs.com/cloud/):

[](https://www.gatsbyjs.com/dashboard/deploynow?url=https://github.com/kgajera/gatsby-contentful-rich-text-starter)