Deep-dive lab 9 — Next.js App Router

This lesson is part of the year-long Code Academy Alfred path. Goal: understand App Router, RSC, Metadata in real web / mobile-web design conditions.

Guided year-path lab: apply this month’s concepts on a concrete web / mobile-web case.

Quality constraints: readable contrast, semantic HTML, mobile-first responsive, no chaotic inline styles.

Deliverable: a page or component for your portfolio, with a short README (FR or EN).

Practice immediately: rebuild the example, then change it. Memory comes from active repetition, not passive reading.

If you get stuck, use Cursor with a precise prompt (context + goal + constraints), then explain the generated diff yourself.