https://github.com/rodik-dev/local-starter-gatsby-contentful-base

Jamstack site created with Stackbit
https://github.com/rodik-dev/local-starter-gatsby-contentful-base

contentful gatsby headless jamstack ssg stackbit static

Last synced: 2 days ago
JSON representation

Jamstack site created with Stackbit

• Host: GitHub
• URL: https://github.com/rodik-dev/local-starter-gatsby-contentful-base
• Owner: rodik-dev
• License: other
• Created: 2021-08-18T17:46:49.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-08-18T17:46:54.000Z (over 3 years ago)
• Last Synced: 2024-11-10T21:42:23.566Z (2 months ago)
• Topics: contentful, gatsby, headless, jamstack, ssg, stackbit, static
• Language: JavaScript
• Homepage: https://jamstack.new
• Size: 1.01 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# ✨ local-starter-gatsby-contentful-base ✨



This is a [Gatsby](https://gatsbyjs.com) site using [Contentful](https://www.contentful.com) as a [CMS](https://en.wikipedia.org/wiki/Content_management_system). It was created with [Stackbit](https://www.stackbit.com?utm_source=project-readme&utm_medium=referral&utm_campaign=user_themes) in under a minute.

You can [create a site](https://app.stackbit.com/create?theme=https://github.com/stackbit-themes/starter-unibit&utm_source=project-readme&utm_medium=referral&utm_campaign=user_themes) just like this one, or explore some variations. How about a different:

        🎨  Look

        


                
A minimal blogging theme

                
Ebook landing page

                
A portfolio theme with a blog

                


        ✏️  CMS

        


                
Git

                
Sanity

                
Netlify CMS

                


        ⚙️  Static site generator

        


                
Next.js

                
Hugo

                
Jekyll

                


## Develop Locally

1. Install [Node.js and npm](https://nodejs.org/en/)

1. Install npm dependencies:

        npm install

1. Get "Content Delivery API - access token" from your Contentful [project space](https://app.contentful.com/spaces/cw33bkgubnxt/api/keys/)

1. Assign this access token to the `CONTENTFUL_ACCESS_TOKEN` environment variable:

        export CONTENTFUL_ACCESS_TOKEN={contentful_delivery_api_access_token}

1. Assign your contentful space id to the `CONTENTFUL_SPACE_ID` environment variable:

        export CONTENTFUL_SPACE_ID={contentful_space_id}

1. Fetch the content from Contentful:

        npx @stackbit/contentful-pull --ssg gatsby --contentful-space-id $CONTENTFUL_SPACE_ID --contentful-access-token $CONTENTFUL_ACCESS_TOKEN

1. Start the Gatsby local development server:

        npm run develop

1. Open [http://localhost:8000/](http://localhost:8000/) in the browser

1. 🎉

## Editing Content

To start editing your site, you can use the Contentful interface at [https://app.contentful.com/spaces/cw33bkgubnxt](https://app.contentful.com/spaces/cw33bkgubnxt).

Alternatively, you can use the free on-page editing experience provided by the [Stackbit Studio](https://stackbit.com?utm_source=project-readme&utm_medium=referral&utm_campaign=user_themes).

[![](https://i3.ytimg.com/vi/zd9lGRLVDm4/hqdefault.jpg)](https://stackbit.link/project-readme-lead-video)

Here's a few resources to get you started:

- 📺   [Editing Content](https://stackbit.link/project-readme-editing-video)

- 📺   [Adding, Reordering and Deleting Items](https://stackbit.link/project-readme-adding-video)

- 📺   [Collaboration](https://stackbit.link/project-readme-collaboration-video)

- 📺   [Publishing](https://stackbit.link/project-readme-publishing-video)

- 📚   [Stackbit Documentation](https://stackbit.link/project-readme-documentation)

If you need a hand, make sure to check the [Stackbit support page](https://stackbit.link/project-readme-support).

## Colophon

Generated at `2021-08-18T17:46:48.244Z` by Stackbit version `0.3.53`.