Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/killshot13/my-dev-jamstack

Headless Gatsby with integrated layers and Git as a CMS, all created with Stackbit in under a minute; this is a second-gen JAMSTACK, with better performance than even its visionaries could have imagined.
https://github.com/killshot13/my-dev-jamstack

devto gatsby headless jamstack ssg stackbit static

Last synced: 2 months ago
JSON representation

Headless Gatsby with integrated layers and Git as a CMS, all created with Stackbit in under a minute; this is a second-gen JAMSTACK, with better performance than even its visionaries could have imagined.

Awesome Lists containing this project

README

        

# ✨ my-dev-jamstack ✨

[![Netlify Status](https://api.netlify.com/api/v1/badges/58e2b3cb-13d2-4937-9c44-681fb76c7cce/deploy-status)](https://app.netlify.com/sites/rehnert/deploys)

This is a second-generation JAMSTACK, with better performance than even its visionaries could have imagined.

This is a [Gatsby](https://gatsbyjs.com) site using Git 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/stackbit-theme-fresh&utm_source=project-readme&utm_medium=referral&utm_campaign=user_themes) just like this one, or explore some variations. How about a different:

🎨  Look

✏️  CMS

⚙️  Static site generator

## Develop Locally

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

1. Install npm dependencies:

npm install

1. Get "stackbit-api-key" from project menu in [Stackbit dashboard](https://app.stackbit.com/dashboard)

1. Run the following command to assign this key to `STACKBIT_API_KEY` environment variable:

export STACKBIT_API_KEY=""

1. Run the following command to fetch additional site contents from Stackbit if needed:

npx @stackbit/stackbit-pull --stackbit-pull-api-url=https://api.stackbit.com/pull/60323df295aa610015b59f66 --stackbit-api-key=STACKBIT_API_KEY

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 edit the included Markdown files.

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).

[![reference video](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-02-21T11:05:31.973Z` by Stackbit version `0.3.49`.