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:
Github: [ Ссылка ]
Twitter: [ Ссылка ]
LinkedIn: [ Ссылка ]

🔗 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

свернуть