Next.JS with Sanity CMS – Serverless Blog App (w/ Vercel)

What is Sanity? 

Sanity is the platform for structured content. With Sanity, you can manage your text, images, and other media with APIs. You can also use the open–source single–page application Sanity Studio to set up an editing environment that you can customize quickly. With Sanity, you have access to many APIs, libraries, and tools that helps you leverage the benefits of having all your content available as a single source of truth. This article will quickly walk you through some central concepts, giving you a head start.

What is Next JS?

Next, JS is React framework that provides infrastructure and simple development experience for server–side rendered(SSR) applications.

An intuitive page–based routing system (with support for dynamic routes)

Pre–rendering, both static generation (SSG) and server–side rendering (SSR) are supported on a per–page basis

About the main project

We will start with integrating an immaculate application layout I have prepared for you. We will follow the latest practices of React and Next JS. This means we will utilize hook functions as much as possible.

After the initial layout and pages are created, we will start preparing actual data in Sanity Studio. I will explain to you the basics of Sanity, and we will prepare two types of documents – Blogs and Authors.