Frontend EngineerAdvanced8 modules~4.0 hours hands-on
Production Frontend Capstone
Build Pulseboard, a secure customer-feedback SaaS that carries architecture, accessibility, testing, performance, and delivery practices into one production-ready Next.js application.
// What you'll be able to do- Architecture, environment contracts, and threat modeling
- Reproducible migrations, seed data, and database-enforced authorization
- Cookie sessions, protected routes, and a server-rendered feedback inbox
- Validated mutations, optimistic feedback, concurrency safety, and an audit trail
8 modules, built to run
Every module ships runnable code. Expand any one to see what's inside.
00IntroductionThe production problem and the Pulseboard end state30 min
Objective — The production problem and the Pulseboard end state
Start moduleFree preview
01Production BoundariesArchitecture, environment contracts, and threat modeling30 min
Objective — Architecture, environment contracts, and threat modeling
02Data Ownership and Row-Level SecurityReproducible migrations, seed data, and database-enforced authorization30 min
Objective — Reproducible migrations, seed data, and database-enforced authorization
03Authenticated Dashboard WorkflowCookie sessions, protected routes, and a server-rendered feedback inbox30 min
Objective — Cookie sessions, protected routes, and a server-rendered feedback inbox
04Accessible Feedback WorkflowsValidated mutations, optimistic feedback, concurrency safety, and an audit trail30 min
Objective — Validated mutations, optimistic feedback, concurrency safety, and an audit trail
05Transactional Email and WebhooksSend retry-safe notifications and verify provider events30 min
Objective — Send retry-safe notifications and verify provider events
06Testing the Production ContractUnit, component, browser, accessibility, performance, and CI evidence30 min
Objective — Unit, component, browser, accessibility, performance, and CI evidence
07Pattern SynthesisSee it run: deploy, observe, and recover Pulseboard30 min
Objective — See it run: deploy, observe, and recover Pulseboard
Ready to start Production Frontend Capstone?
Start with the free Module 0, then unlock the full course on a Pro plan.