Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
🔴 Let's build a Blogging Platform with NEXT.JS! (TypeScript, Sanity CMS, React, Tailwind, ISR)
Play lesson

🔴 React.js Clones by PAPA React - 🔴 Let's build a Blogging Platform with NEXT.JS! (TypeScript, Sanity CMS, React, Tailwind, ISR)

5.0 (0)
12 learners

What you'll learn

This course includes

  • 215.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

🚨 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 ❗️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-from-v2 Join me as I build a Blogging Platform 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere