Lab · Intermediate · 30 min
Lab: Find the client bundle bloat
Measure a page's JavaScript, move logic to the server, and measure again.
- A product page ships far more JavaScript than it should because the whole page is a client component.
Tasks 3
Project · Intermediate · 10h
Project: A subscription library app
Build a small app where signed-in members browse resources, save bookmarks and see only what their plan covers.
- Build an app with a public resource list (server-rendered), sign-in, an account area protected on the server, a server action to bookmark, and a plan check that hides full content from members without access. Deploy it with previews.
- Milestone 1: Routes and data
- Milestone 2: Auth and actions
Learning path · Intermediate · 8h
Next.js App Router in practice
Build a real, data-backed app with the App Router: routing, server components, data, actions, auth and deployment.
- Build and deploy a Next.js application with server components, server actions, a database and protected routes.
- Skills: App Router layouts and routes, Server versus client components, Data fetching and caching, Server actions and forms, Deployment with environment variables
Time 8h

Instant delivery after paymentLicence stated on every productRe-download anytime from My LibrarySecure checkout — Polar or FungiesNew products every week

Products GamingNew Subscriptions Deals Membership Licensing

Search

Lab: Find the client bundle bloat

Project: A subscription library app

Next.js App Router in practice