https://github.com/physer/ssg-demo
A small demo of using Static Site Generation together with Contentstack
https://github.com/physer/ssg-demo
contentstack next nextjs nuxt nuxt3 nuxtjs ssg
Last synced: 12 months ago
JSON representation
A small demo of using Static Site Generation together with Contentstack
- Host: GitHub
- URL: https://github.com/physer/ssg-demo
- Owner: Physer
- Created: 2023-04-18T10:00:20.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-10T13:23:20.000Z (almost 3 years ago)
- Last Synced: 2025-01-11T23:16:55.883Z (about 1 year ago)
- Topics: contentstack, next, nextjs, nuxt, nuxt3, nuxtjs, ssg
- Language: TypeScript
- Homepage:
- Size: 525 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SSG Demo
## Introduction
This repository serves as a demo on Static Site Generation together with the CMS of Contentstack.
Multiple frameworks are used so ease of development and readability can be compared between them.
A shared library is used for communication with Contentstack.
## NextJS
NextJS version 13 is used as a showcase of SSG with NextJS. This does not use the new app router, instead it uses the stable `pages` directory.
## Nuxt
Nuxt version 3 is used as a showcase of SSG with NuxtJS.
## How to run
The repository uses workspaces. Go to the root of the repository and run `npm install` to install the dependencies.
### Prepare CMS library
Before you can run the application, ensure you have the right environment variables available in your `.env` file. You can use `.env.example` as an example. Fill in the necessary values before you continue.
### The applications
In order to run the application using NextJS run the following commands:
1. `npm run next:build`
2. `npm run next:start`
In order to run the application using Nuxt run the following commands:
1. `npm run nuxt:build`
2. `npm run nuxt:start`
In both cases, the application is available on http://localhost:3000.