In this tutorial, we'll build and deploy a blog with tags as special features, using Next.js 14, Typescript, Tailwindcss, and Sanity CMS.

👨🏻‍💻 Github Repository:
/ https://github.com/stefandjikic/next-...


🛠️ Step-by-Step Tutorial:
- Project setup and initialization.
- Building dynamic pages with Next.js.
- Embedding Sanity CMS into Next.js application for content management.
- Styling blog using Tailwind CSS for a modern and sleek appearance.
- Implementing tags to organize and filter your content effectively.

🔗 Resources Mentioned:
Next.js
Sanity CMS
Tailwind CSS

🕐 TIMESTAMPS:

0:00 - Intro and Overview
4:08 - Create Next App
5:45 - Tailwind configuration
8:12 - Code cleanup
9:14 - Coding application: Layout
14:00 - Next themes
24:45 - Base styles
28:15 - Theme switcher
33:23 - Logo
36:50 - Sanity: Create a project
41:56 - Multiple Layouts in Next
48:34 - Style Sanity Navbar
51:50 - Sanity: Create Schemas
1:06:45 - GROQ - Basic Overview
1:09:21 - Get Posts from CMS
1:28:34 - Tags functionality
1:33:40 - Single Post Page
1:52:00 - Display Images from Sanity
1:56:40 - Tags Page
2:05:30 - Posts Per Tag Page
2:18:50 - Number of posts per tag
2:22:50 - Final Touchups
2:23:53 - 404 Page
2:27:30 - Deploy


/ @sanity_io
/ @VercelHQ
/ @TailwindLabs