Build a Next.js 14 Blog | React, Sanity.io, Tailwind.css, Shadcn/Ui

Resources used:

Installation Command: npm i next-sanity @sanity/image-url @portabletext/react

[bhris]

5:00 Installing Sanity Studio
9:00 Building Schema
12:00 Open sanity dev mode
13:30 Add blog schema to schemaTypes
35:20 Writing queries in Sanity
40:20 Fetching data from Sanity
46:30 Using Typescript with Sanity data fetching

[franki]

I'm doing my first serious freelance job a nextjs website for my local climbing gym. I was REALLY starting to panick since I never done CMS and docs and "starter" projects seemed confusing af... With your tutorial it finally makes some sense and looks like I'm gonna add CMS for news and photoCarousel components without any problem.
Thank you so much and I wish you all the best my friend :)

[andrewrooke]

Hey Jan - thank you, this is the first tutorial I have finished in, well, I can't remember how long. Your logical approach and clear reasoning work very well for me.

[squirrelingaround]

I was loosing my mind trying to undertand cache in nextjs 14 and the app router, but men you are SPOT ON!!!! Love it thanks

[ENasty-wwnb]

Incredible tutorial! Keep up the great work!

[sharifahmed]

Thanks for creating this tutorial!
Love Sanity CMS

[innoc]

Great post, easy to follow and much simpler than expected. Thanks!

[illumi]

Just found this. Thank you for sharing valuable videos. I will finish this tutorial very soon.

[horacinis]

What a great tutorial, thank you so very much!

[thallysondias]

thanks Jan, Your teaching is excellent!

[muhammadhilal]

Enjoyed the process from start to finish, keep up the good work <3

[scrumptious]

what happens if posts are over hundreds? what about pagination?

[SanjayKumar-spgz]

Thank you for such a wonderful and easy to follow up tutorial. Respect ++

[Trentvucich]

Love your stuff Jan :) thank you for all you do! I will donate to you !!

[Abbas_Ali_Kazmi]

Amazing work
Thankyou Soo much
Sanity is so powerful

[flipup]

Hey your full stack nextjs proj videos are excellent would highly recommend everyone to perform practically while Listening to the detailed explanation behind each step. Excellent hand-holding for beginners and veteran transitioners

[JukkaPekkaKeisala]

Thank you for the tutorial. This introduction to Sanity and Headless architecture got me thinking how do you handle more complex dynamic structures on the CMS and nextjs? How to make for example a service menu on the top with 2 levels of pages and then deeper tree navigation on the left?

[DigitalwebPatagonia]

Excelent, greeting from patagonia argentina! :)

[gauravjain]

It's an amazing guide, I will recommend to all my developer friends

[ver]

You just saved my ass! ♥
Thank you for this great and easy tutorial. One thing I especially liked is, that you actually showed the errors and not fixing them up front.
Well done! Keep up the good work :)