Skip to content
WebDev Path
Back

Week 15: Next.js App Router

Next video

WebDev Path video lesson

About this lesson

Module:
TypeScript and Next.js
Time:
about 11 hours
Video:
2 min

Build pages, layouts and data loading the way modern React apps do.

By the end of this week you can

  • Create pages, layouts and dynamic routes
  • Choose Server or Client Components
  • Add SEO metadata

Learn

  • App Router folders and files
  • Server vs Client Components
  • Loading, error and not-found files
  • Metadata for SEO

Read or watch

Practice

  1. Build a 4-page site with a shared layout
  2. Add a dynamic [slug] route

Build

A blog or portfolio with dynamic routes.

Check your understanding

Score 4 out of 5 to complete this week.

  1. 1. In the App Router, what file makes a folder a route?
  2. 2. What is a Server Component's main advantage?
  3. 3. When do you need "use client"?
  4. 4. What does layout.tsx do?
  5. 5. How do you make a dynamic route like /posts/123?
0 of 5 answered