https://github.com/kayoshi-dev/demo-forum-technique
Demo for the technical talk on Jamstack + Headless CMS
https://github.com/kayoshi-dev/demo-forum-technique
cms graphql headless headless-cms nextjs strapi
Last synced: 3 months ago
JSON representation
Demo for the technical talk on Jamstack + Headless CMS
- Host: GitHub
- URL: https://github.com/kayoshi-dev/demo-forum-technique
- Owner: Kayoshi-dev
- Created: 2021-12-27T16:00:48.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-24T08:43:46.000Z (over 4 years ago)
- Last Synced: 2026-03-31T09:52:02.210Z (3 months ago)
- Topics: cms, graphql, headless, headless-cms, nextjs, strapi
- Language: JavaScript
- Homepage: https://demo-forum-technique-front.vercel.app/
- Size: 715 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# demo-forum-technique
## Context
This project is made to introduce people to the concept of Jamstack and Headless CMS. It is intended for professionnal worker and Information System Director.
## Features :
- Create new post and assign categories to them !
- Create new categories and filter your posts by them
- Use the table of content to navigate easily through a post
## Technologies
Frontend part is using NextJS with Incremental Static Regeneration, it communicates with the API via GraphQL.
The backend is made with Strapi which is a simple and elegant Headless CMS, and it exposes a GraphQL endpoint allowing the front to request the data.
## Run locally :
How to run this project :
1. Run `git clone https://github.com/Kayoshi-dev/demo-forum-technique.git`
2. Run `yarn install` command in both directories (frontend and api)
3. Add an entry to the env file in the api folder and add a variable named DATABASE_URL, referencing the Heroku PostGreSQL URI
4. Run `yarn develop` in the api folder and access to Strapi at http://localhost:1337
5. Create a .env.local file in the frontend folder and set NEXT_PUBLIC_API_URL to http://localhost:1337/graphql
6. Run `yarn dev` in the frontend folder and access NextJS at http://localhost:3000
7. Enjoy !