STEP-BY-STEP GUIDE

How to setup a complete blog with NextJS using Sanity 3 — Part 1 of 3

If you’ve been searching everywhere for a solution on how to connect Sanity 3 with NextJS, but still can’t seem to make it work, you’ve come to the right place. I’m here to help make the process easier for you.

Create a blog using Sanity 3 with Next JS

Table of Content

• Part 1/3: Will guide you through the steps for setting up a new Studio 3 project with embedded studio access in a new or existing NextJS application.
• Part 2/3: Will guide you through the steps to fetch, list and view your blog posts stored in Sanity within your NextJS application/website
• Part 3/3: Will share some useful GROQ queries for your blog and configure your Sanity Studio to use React Syntax Highlighter for posting code snippets in your blog posts

What is Sanity?

If you’re thinking about the meaning of being mentally sound, being rational and having a sound mind, you’re right, but that’s not what this article is about :)

In a short brief, Sanity is a content management system that helps you store, organize, and manage your website’s content. Instead of having your content creation and management tools all in one place, Sanity separates them so you have more control…