https://github.com/kgajera/gatsby-contentful-md-starter

A Gatsby starter using Contentful (CMS) and Tailwind (CSS framework). In particular, this starter renders markdown content from Contentful and uses Tailwind Typography for styling.
https://github.com/kgajera/gatsby-contentful-md-starter

contentful gatsby-starter gatsbyjs tailwindcss tailwindtypography

Last synced: 2 days ago
JSON representation

A Gatsby starter using Contentful (CMS) and Tailwind (CSS framework). In particular, this starter renders markdown content from Contentful and uses Tailwind Typography for styling.

• Host: GitHub
• URL: https://github.com/kgajera/gatsby-contentful-md-starter
• Owner: kgajera
• License: 0bsd
• Created: 2021-11-16T13:24:20.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-22T00:40:00.000Z (about 3 years ago)
• Last Synced: 2024-12-07T01:26:21.286Z (about 2 months ago)
• Topics: contentful, gatsby-starter, gatsbyjs, tailwindcss, tailwindtypography
• Language: JavaScript
• Homepage: https://gatsbycontentfulstarter.netlify.app
• Size: 230 KB
• Stars: 1
• 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 renders markdown content from Contentful 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-md-starter.

   ```shell

   # create a new Gatsby site using the gatsby-contentful-md-starter

   gatsby new my-contentful-starter https://github.com/kgajera/gatsby-contentful-md-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-md-starter)