A NEXT.JS blog with Prismic CMS.

Index

• About
• Functionalities
• Technologies
• How to use

🔖 About

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.

⚡ Try it yourself

https://spacetraveling-blog.vercel.app/

🔥 Functionalities

• Blog

  • Post listing.
  • Post pagination.
  • Post read-time calculation.
  • Post navigation inside post page.
  • Commenting on posts.
  • Github auth.

• Prismic CMS

  • Create posts with images, heading, text and links.
  • Preview posts before deploying to the website.

🚀 Technologies

The project is made with:

• React JS
• NextJS
• Prismic IO
• TypeScript

🔥 How to Use

• Dependencies

  • Is required to install Node.js
  • In order to run scripts and install dependencies you need to install a package manager, like yarn.
  
  

1. First step, clone this github repository:

  $ git clone https://github.com/lamongabriel/spacetraveling-blog.git

2. 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

3. Running the project

$ yarn
$ yarn dev