Static Site Generation have a lot of use-cases, but what better example than a blog? spacetraveling it's a blog developed in NEXT.JS using SSG to pre-load every blog page, so the navigation can be as fluid as possible.
https://spacetraveling-blog.vercel.app/
-
- Post listing.
- Post pagination.
- Post read-time calculation.
- Post navigation inside post page.
- Commenting on posts.
- Github auth.
-
- Create posts with images, heading, text and links.
- Preview posts before deploying to the website.
The project is made with:
-
- Is required to install Node.js
- In order to run scripts and install dependencies you need to install a package manager, like yarn.
- First step, clone this github repository:
$ git clone https://github.com/lamongabriel/spacetraveling-blog.git- You must set a .env.local file with a Prismic IO configuration for using the preview function, to get your key you must create a Prismic project. Checkout the step-by-step
$ ACCESS_KEY=youkey- Running the project
$ yarn
$ yarn dev