One lesson
An individual lesson
This track has no lesson ready to buy yet. Each lesson becomes available only after it is built and reviewed.
$5.00Not available yet
All course tracks
Frontend and browser · 30 lessons · up to 10 minutes each
Next.js App Router
A planned Next.js path covering route structure, server boundaries, and production behavior.
Coming Soon
One-time purchase · USD
Choose what to unlock
Access is attached to your account after payment is verified. No subscription.
Full category
Next.js App Router
Permanent access to the lessons published in this track when you buy. Future lessons are not included. 0 of 30 lessons are published; 0 are in owner review and 30 are Coming Soon.
$29.0030 lessons still in progress
Beginner
Lessons 1–10
01 Next.js App Router: Sketch App Router file conventions
Topic: App Router file conventions
Draw a small map of App Router file conventions in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner4 minComing Soon02 Next.js App Router: Name the parts of Server and Client Component boundaries
Topic: Server and Client Component boundaries
Label the main pieces in Server and Client Component boundaries in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner5 minComing Soon03 Next.js App Router: Trace an example of layouts and nested routes
Topic: layouts and nested routes
Follow one input through layouts and nested routes in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner6 minComing Soon04 Next.js App Router: Compare choices for loading and error boundaries
Topic: loading and error boundaries
Write down one practical difference between loading and error boundaries in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner7 minComing Soon05 Next.js App Router: Find the boundary in metadata and canonical URLs
Topic: metadata and canonical URLs
Mark where metadata and canonical URLs in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner8 minComing Soon06 Next.js App Router: Inspect an example of forms and route handlers
Topic: forms and route handlers
Annotate a minimal example of forms and route handlers in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner9 minComing Soon07 Next.js App Router: Connect navigation and caching to a neighboring concept
Topic: navigation and caching
Show how navigation and caching in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner10 minComing Soon08 Next.js App Router: Spot a failure mode in images and fonts
Topic: images and fonts
Describe one likely failure for images and fonts in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner3 minComing Soon09 Next.js App Router: Read an official example of static and dynamic rendering
Topic: static and dynamic rendering
Summarize an official example of static and dynamic rendering in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner5 minComing Soon10 Next.js App Router: Choose a use case for deployment and runtime checks
Topic: deployment and runtime checks
Match one small use case to deployment and runtime checks in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Beginner6 minComing Soon
Intermediate
Lessons 11–20
11 Next.js App Router: Build an example with App Router file conventions
Topic: App Router file conventions
Create a small working example that uses App Router file conventions in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate4 minComing Soon12 Next.js App Router: Compose Server and Client Component boundaries with another component
Topic: Server and Client Component boundaries
Combine Server and Client Component boundaries in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon13 Next.js App Router: Configure layouts and nested routes for a small case
Topic: layouts and nested routes
Set up layouts and nested routes in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon14 Next.js App Router: Validate inputs around loading and error boundaries
Topic: loading and error boundaries
Add a check around loading and error boundaries in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate7 minComing Soon15 Next.js App Router: Use metadata and canonical URLs in a short workflow
Topic: metadata and canonical URLs
Add metadata and canonical URLs in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate8 minComing Soon16 Next.js App Router: Refactor forms and route handlers into a reusable unit
Topic: forms and route handlers
Extract forms and route handlers in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate9 minComing Soon17 Next.js App Router: Exercise navigation and caching with sample data
Topic: navigation and caching
Run sample data through navigation and caching in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate10 minComing Soon18 Next.js App Router: Observe images and fonts outputs
Topic: images and fonts
Capture the result of images and fonts in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate3 minComing Soon19 Next.js App Router: Recover from a static and dynamic rendering failure
Topic: static and dynamic rendering
Handle one expected failure from static and dynamic rendering in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon20 Next.js App Router: Document deployment and runtime checks behavior
Topic: deployment and runtime checks
Write a short usage note for deployment and runtime checks in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon
Advanced
Lessons 21–30
21 Next.js App Router: Test a boundary around App Router file conventions
Topic: App Router file conventions
Add an edge-case test for App Router file conventions in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced4 minComing Soon22 Next.js App Router: Harden Server and Client Component boundaries
Topic: Server and Client Component boundaries
Add the relevant access, safety, or validation control to Server and Client Component boundaries in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced5 minComing Soon23 Next.js App Router: Measure layouts and nested routes
Topic: layouts and nested routes
Record a small baseline for layouts and nested routes in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced6 minComing Soon24 Next.js App Router: Reduce cost in loading and error boundaries
Topic: loading and error boundaries
Change one measurable cost in loading and error boundaries in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced7 minComing Soon25 Next.js App Router: Diagnose a metadata and canonical URLs failure
Topic: metadata and canonical URLs
Use an observable signal to explain a failure in metadata and canonical URLs in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced8 minComing Soon26 Next.js App Router: Make forms and route handlers repeatable
Topic: forms and route handlers
Show that rerunning forms and route handlers in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced9 minComing Soon27 Next.js App Router: Review trade-offs in navigation and caching
Topic: navigation and caching
Compare two documented approaches to navigation and caching in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced10 minComing Soon28 Next.js App Router: Improve images and fonts maintainability
Topic: images and fonts
Refine images and fonts in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced3 minComing Soon29 Next.js App Router: Verify static and dynamic rendering end to end
Topic: static and dynamic rendering
Check that a complete small flow using static and dynamic rendering in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced5 minComing Soon30 Next.js App Router: Audit deployment and runtime checks against its source docs
Topic: deployment and runtime checks
Check the implementation of deployment and runtime checks in the context of Next.js App Router boundaries, rendering, metadata, and delivery; save a short example or check that demonstrates the result.
Advanced6 minComing Soon
Reference documentation
References support the selected track topics while its lesson content is built and reviewed progressively.
This track is a catalog outline only. Each lesson remains unavailable until it is built and personally reviewed.