Building a BLOG website with Next.js 13 (Sanity v3, TypeScript, Tailwind CSS, Auth, CMS)

👉 How to build a fully responsive blog site with Tailwind CSS
👉 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

[ghulammohiudin]

One more awesome project like previous projects

[MorganWager-zzdr]

you’re great at what you do & im glad i found a teacher in you, wondering if we have stop with React now or more of the project is still coming

[umersiddiqui]

can you please make an e-commerce website with sanity with functionality like star rating and reviews

[doumams]

How do you implement tables in the rich text component in sanity ?

[mqasim]

Aslam O Alikum Sir. Please upload new video on Next js and Gatsby complete the project. Your method is very simple and easy thanks.

[usamarazaaq]

Great project also please make a chat application usung web sockets and realtime database.

[DespicariPirates]

there is a problem, the quality of images isnt crisp as in the original, any way to fix ?

[Kmkn]

Kindly make one more project for sanity for ecommerce website.

[tatemo_labs]

Is it possible to go through this video but using NextJS 14 instead of NextJS 13?
and thank you for the video!

[wrouihs]

When using sanity, is it completely on my side, or i will always be hooked to their online website,
And can it be expended to literally anything ?

[gousiyaart]

Pls make eCommerce project sanity and payment integration

[sadashivmahadev]

vERY NICE PLEASE SIR CREATE ONE BACKEND VIDEO