Next.js Pages, Layout, Links, Routes & Loading | Next.js 13 tutorial

Dave Gray

Web Dev Roadmap for Beginners (Free!):

Learn about Next.js pages, layout, links, routes, loading, error handling and CSS modules in this Next.js 13 tutorial. Next.js has many built-in features to make building a full stack web app easier!

💖 Support me on Patreon ➜

⭐ Become a full-stack web dev with Zero To Mastery Courses:
– Complete Next.js Developer:
– Advanced React:
– Junior to Senior Dev Roadmap:

🚩 Subscribe ➜

📬 Course Updates ➜

❓ Questions – Please post them to my Discord ➜

☕ Buy Me A Coffee ➜

👇 Follow Me On Social Media:

🔗 Source Code:

🔗 Playlist for this Next.js Course:

Next.js Pages, Layout, Links, Routes & Loading

(00:00) Intro
(00:09) Welcome
(00:28) Starter Code
(01:13) Create an about page & route
(03:59) Root Layout component
(05:09) Nested layout component
(07:54) Adding links to pages
(10:26) CSS modules
(15:19) Changes with Metadata
(16:51) head.tsx – soon to be deprecated
(19:19) Loading with React Suspense
(20:48) Error Boundaries

📚 Tutorial References:
🔗 Next.js Official Site:
🔗 Next.js 13 Beta Docs:

Was this Next.js tutorial about pages helpful? If so, please share. Let me know your thoughts in the comments.

#next #js #pages