Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/killshot13/my-dev-jamstack
- Owner: killshot13
- License: other
- Created: 2021-02-21T11:05:32.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-08-31T14:26:40.000Z (4 months ago)
- Last Synced: 2024-10-12T20:28:27.954Z (3 months ago)
- Topics: devto, gatsby, headless, jamstack, ssg, stackbit, static
- Language: JavaScript
- Homepage: https://rehnert.co
- Size: 10.9 MB
- Stars: 3
- Watchers: 0
- Forks: 0
- Open Issues: 31
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
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`.