In this tutorial we are going to make a simple but fully functional blog using Next.js with Bootstrap on frontend and Sanity.io as a CMS.

We will do it in simple 5 steps:

1. Setup Next.js APP
2. Make the Blog, Article detail page and Post card Component
3. Setup Sanity.io
4. Integrate Sanity with our project
5. Deploy Sanity Studio

What you will get at the end of this tutorial?

1. My blog link page which you are seeing right now
2. GitHub link with all source code.

STEP 1:

Setup Next JS App

• Create a folder sanitynextblog and open that folder in VSCode or any editor of your choice
• Open The terminal in VsCode by pressing 'control + `' (control + backtick)
• Create a next JS APP by using following command

npx create-next-app .

• Run Next App