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.

⭐ 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