How to build a blog with Next.js and Sanity.io

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Part 1:

1. Install Next.js
2. Install Sanity
3. Add post in Sanity Studio
4. Add Sanity fetch function and groq queries
5. Get and display posts
6. Get and display content of each post
7. Install and apply Tailwind CSS Typography Plugin

Part 2:

1. Add extra fields to the Sanity studio
2. Make more customised queries
3. Alternative way to fetch and display images
4. Apply CSS to blog