https://github.com/rodik-dev/staging-contentful-localization-77d4d
Jamstack site created with Stackbit
https://github.com/rodik-dev/staging-contentful-localization-77d4d
Last synced: about 2 months ago
JSON representation
Jamstack site created with Stackbit
- Host: GitHub
- URL: https://github.com/rodik-dev/staging-contentful-localization-77d4d
- Owner: rodik-dev
- Created: 2023-02-23T14:51:38.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-12-11T18:07:26.000Z (over 2 years ago)
- Last Synced: 2025-01-08T09:24:36.903Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://jamstack.new
- Size: 1.37 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js + Contentful Stackbit Starter
This is a minimal starting point for new Stackbit projects. It is built with Next.js and uses Contentful as the content source. See below for [other Stackbit example projects](#other-stackbit-projects).
## Getting Started
The typical development process is to begin by working locally.
Create local Stackbit project from this repo:
```txt
npx create-stackbit-app@latest --starter contentful
```
Change into the project directory and add the Contentful tokens to the `.env` file (see `.env.example` for reference). **If you don't have a Contentful space with the proper content**, [see below](#importing-contentful-content) for importing default content and schema into Contentful.
```txt
cd my-stackbit-site
```
Run the Next.js development server:
```txt
npm run dev
```
Install the Stackbit CLI. Then open a new terminal window in the same project directory and run the Stackbit Dev server:
```txt
npm install -g @stackbit/cli@latest
stackbit dev
```
This outputs your own Stackbit URL. Open this, register or sign in, and you will be directed to Stackbit's visual editor for your new project.
## Importing Contentful Content
If you don't have a Contentful space set up and ready to go, you can import the starting content provided by this project.
1. Create a new Space in Contentful
1. Create new Contentful Personal Access Tokens [here](https://app.contentful.com/account/profile/cma_tokens/).
1. Import the Contentful data stored in the `contentful/export.json` file to the new space by running the following command. Replace the `` with your Personal Access Token and the `` with the new space ID.
```txt
./contentful/import.js
```
1. Create **Content Preview API - Access Token** for the new space via Contentful app **Settings** => **API Keys** => **Content delivery / preview tokens** => **Add API Key**. Add these keys to `.env` file(s) as mentioned above.
## Next Steps
Here are a few suggestions on what to do next if you're new to Stackbit:
- Learn [how Stackbit works](https://docs.stackbit.com/concepts/how-stackbit-works)
- Follow the [_Getting Started_ tutorial](https://docs.stackbit.com/getting-started)
- Explore the [how-to guides](https://docs.stackbit.com/guides) for help while developing your site
## Other Stackbit Projects
Stackbit has a number of examples that you can use to create a new project or evaluate Stackbit. Run the following command to see a list of available examples:
```txt
npx create-stackbit-app@latest --help
```
You can also visit [our `stackbit-themes` GitHub organization](https://github.com/stackbit-themes)
## Join the Community
[Join us on Discord](https://discord.gg/HUNhjVkznH) for community support and to showcase what you build with this starter.