Join the world’s BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course

Join my Community, "University of Code" for FREE: https://www.universityofcode.com

LOOKING FOR THE CODE?
https://links.papareact.com/github

Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycoding...
❗This video may contain code snippets or concepts that are specific to a previous version of Sanity Studio. In most cases, you can find the information needed to adapt the material to the latest Studio version by exploring Sanity docs: https://www.sanity.io/docs/migrating...

Join me as I build the MEDIUM 2.0 CLONE with Sanity, you'll learn how to do the following in this build:

Setup a Content Management System (Sanity CMS) to manage structured data
Fetch CMS data into a Next.js app using efficient Modern Data Fetching techniques
Learn how to use Next.js Incremental Static Regeneration to speed up page loading & optimise the caching of pages!
Style an awesome responsive UI with Tailwind CSS
Write robust code & reduce bugs using TypeScript

+ SO MUCH MORE!

PODCAST
https://links.papareact.com/podcast

SOCIALS:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
Newsletter: https://links.papareact.com/newsletter

❤ SUPPORT PAPA Merch:
https://links.papareact.com/merch
Donate: https://links.papareact.com/donate

TIMESTAMPS:
00:00 Introduction
00:58 Build Showcase
04:32 Sanity Sponsorship
06:41 Build Explanation
09:21 Setting up Next.js, Tailwind CSS & Sanity
20:36 TypeScript Explanation
21:47 Initialising the Build
23:37 Building the Header Component
43:20 Explaining and Implementing Sanity CMS
1:02:43 Explaining and Implementing Next.js SSR
1:17:17 Implementing the Posts Section
1:31:34 Linking to the Post Page
1:49:16 Building the Post Page
2:04:02 Implementing the Comments Functionality
2:48:12 Deploying to Vercel
3:00:16 Final Deployed Build Demo
3:01:32 Outro

DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Medium and it's subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.

#reactjs #nextjs #medium #tailwindcss #sanity #isr #cms