Next.js Data Fetching, Dynamic Routes & Metadata | Nextjs 13

Video Description

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn about Next.js Data Fetching, Dynamic Routes & Metadata in this third lesson of the Nextjs 13 tutorial series. We'll use server components to fetch data in parallel and apply suspense to progressively render the dynamic pages. 💖 Support me on Patreon ➜ https://patreon.com/davegray ⭐ Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 👇 Follow Me On Social Media: Github: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ 🔗 Source Code: https://github.com/gitdagray/next-js-course 🔗 Playlist for this Next.js Course: https://bit.ly/dg-nextjs Next.js Data Fetching, Dynamic Routes & Metadata (00:00) Intro (00:05) Welcome (00:26) Next.js Update (00:42) Create New Project | Note Changes (03:34) Static Metadata (05:14) Quick Setup (07:34) 4 Next.js Data Fetching Recommendations (09:32) Users Page component (19:00) Console statements in Server Components (19:12) Running the Next.js App (21:21) Dynamic Routes & Params (22:56) Fetching Data in Parallel (30:26) Progressively Rendering a Page (35:18) BetaDocs note: Temporary TS fix (37:33) Review & Running the App (39:00) Generating Dynamic Metadata 📚 Tutorial References: 🔗 Next.js Official Site: https://nextjs.org/ 🔗 Next.js 13 Beta Docs: https://beta.nextjs.org/docs Was this Next.js tutorial about data fetching, dynamic routes & metadata helpful? If so, please share. Let me know your thoughts in the comments. #next #js #fetching