Build and Deploy BLOG with Tags - Next.js 14, Sanity CMS and Tailwind

👨🏻‍💻 Github Repository:

🛠️ Step-by-Step Tutorial:
- Project setup and initialization.
- Styling blog using Tailwind CSS for a modern and sleek appearance.
- Implementing tags to organize and filter your content effectively.

🔗 Resources Mentioned:
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

[BurbenogExpert]

Great video my friend. I could totally build and deploy the website! Big thanks! <3

[Mark-scew]

Thank you! I had my blog up and running but I was having issues getting images from the block content. Got it working now thanks to this. Also really like your tags implementation. 🙂

[alexa-stargaming]

Most useful stuff I found for my project. Very well explained!

[nylsaj]

Thank you, thank you! I have tried going through a few tutorials and this is the only one I’ve found that is actually up-to-date. You clearly explained everything so it was easy to follow along. Thank you for taking the time to make such a thorough tutorial. My blog is finally getting deployed. I look forward to more content from you!

[Xzve-kmcx]

thankyou so much man, you saved my final project assignment. I hope you could create another short web development tutorial like this. God Bless You

[nikaukraineUA]

Thank you so much! Love you style, please do more of these :)

[AbderrahmaneBelarbii]

thx, you made it easy ... keep up u deserve a lot more then 100k sub

[mistersir]

Man! Oh Man! You got no idea how happy I am that I finished this tutorial, followed everything you did. Even managed to fix some bugs and learn stuff myself along the way. What a way to learn! I truly hope you continue to push more invaluable materials like this on your channel in this style. Love it! Look forward to seeing more contents like this. Thank you!

[startupBossInsights]

Please do more nextjs and sanity projects ❤

[sergio_originblank]

It would probably be a good idea to showcase how to add metadata in a future iteration.

[ezraleong]

Great content. Finished it yesterday. I was wondering if anyone has a code snippet of how to render a ToC with as well.

[bprojects]

I’m getting an error with the PortableText saying block type undefined specify a component for it in the components.type please help.

[Offiziersmesser]

Hello there, amazing tutorial. I can't appreciate you enough. Could you perhaps do a video on revalidation of tags or content whenever we create, update or delete content in the studio. I know one can do that via webhooks in sanity. I'd appreciate a tutorial on that as you are really good at explaining concepts.

[DomaciZadatak]

Coding in Java is easier with your videos!

[davidayres]

GREAT TUTORIAL! !! Commenting on articles is not functional. Is that beyond scope or did i miss something? Thanks!

[aguud]

Is your monitor bigger than 1080? because I watch from 1080 the font size looks very small

[luuuizpaulo]

Nice video! One thing that puzzles me is that the Sanity Studio is then publicly available? That looks quite strange to me

[jcenlo]

Hi, i am getting a error in console, only when you open a post and add a tag ===>>> app-index.js:34 Warning: A props object containing a "key" prop is being spread into JSX:
let props = {key: someKey, index: ..., level: ..., value: ..., title: ..., description:, is something about the implementation or is a sanity Error? the platform is working but my TOC is killing me

[vinyldisk]

im getting a mutation error whenever i edit or create on a deployed site, i embedded sanity the same way, it works on my computer. I made sure environment variables are properly added, CORS are added as well with credentials enabled (and disabled), still i can't do anything on the CMS, can you help me?

[adriancolinas]

Hey friend, I need support to migrate a blog from Wordpress to Sanity, can you help me with it?