Week 1 · Days 1–5 · Front-end Architecture & Next.js
Building the Modern UI Foundation
Day 1: Modern vs legacy architectures; setting up VS Code, Node.js, Git & GitHub
Day 2: Next.js App Router, project directory structure, layouts, and page routes
Day 3: Building reusable UI components, typography tokens, and CSS layout grids
Day 4: High-performance mobile responsive design, image optimization, and interactive forms
Day 5: Week 1 Build Review: A fully styled, responsive 4-page front end ready for data
Milestone: A complete, responsive multi-page front end running on your local machine.


