Building a BLOG website with Next.js 13 (Sanity v3, TypeScript, Tailwind CSS, Auth, CMS)
Join me as I build a MODERN Cutting-Edge blog site with Next.js 13. You'll learn the following in this build:
If you enjoyed this tutorial, don’t forget to:
👍 Like this video to support the channel.
🔔 Subscribe and hit the bell icon to stay updated with the latest tutorials.
💬 Comment if you have any questions or feedback.
☕ Support my work: https://www.buymeacoffee.com/reactbd
Github repo link: https://github.com/noorjsdivs/bloggersyt
Live project: https://bloggersyt-noorjsdivs.vercel....
👉 How to handle Dynamic data (SSR alternative in Next.js 13)
👉 How to handle Static data with updates using GenerateStaticParams (ISR alternative in Next.js 13)
👉 How to build a fully responsive blog site with Tailwind CSS
👉 Leverage the power of Server components in Next.js 13 (and how to use client components alongside them correctly!)
👉 How to use the new App folder structure in Next.js 13!
👉 Dynamic page routing in Next.js 13
👉 How to use the GROQ query language to fetch the content from the Sanity Content Platform
👉 How to embed, host & customize the Sanity studio on the website itself whilst protecting it via Sanity Authentication
👉 How to use TypeScript to reduce the overall number of Bugs and Errors
👉 How to deploy the final build on Vercel!
🕐 TIMESTAMPS:
00:00 Introduction
00:30 Project Overview
06:20 Starting the build
13:20 Creating Navbar
24:07 Creating Hero Component
29:30 Initializing Sanity CMS
41:40 Embedding Sanity with Nextjs
47:55 Creating Studio page
56:10 Creating StudioNavbar
1:00:50 Showing how to create post in sanity
1:07:15 Creating sanity Client to fetch data
1:13:50 Fetching data using groq query
1:19:10 Creating BlogContent Component
1:38:20 Creating Single Slug page
2:03:00 Deploying in Vercel
2:09:34 Creating github repository
2:10:50 Conclusion