The caching module alone was worth the price. I had been guessing for eight months and I stopped guessing in an afternoon. The bit where she deliberately breaks revalidation and then reads the logs to find it is the best teaching I have seen on this.
Ship It: Next.js 16 from Zero to Production
Build and deploy a real application on the App Router — async request APIs, streaming, caching and the deploy that follows.
- 14 hours of video
- 9 hands-on projects
- A finished repository you keep
- Lifetime access
- Certificate of completion
44% of the running time is hands-on — projects and quizzes rather than video.
What you'll learn
Structure an app that scales
Model a real product with the App Router — layouts, nested routes and route groups that are still readable at fifty pages.
Get the async request APIs right
params, searchParams, cookies and headers are all promises in Next.js 16. Handle them correctly instead of chasing the errors later.
Choose server or client deliberately
Place the boundary on evidence — bundle size and interaction cost — rather than on habit.
Stream the slow parts
Put Suspense where it pays off, so the fast half of a page paints immediately instead of waiting on the slow half.
Debug a production build
Bundle analysis, hydration mismatches, and finding the render you did not expect.
Deploy and read the numbers
Ship it, roll it back, and know afterwards whether it actually got faster.
What’s inside
Every figure below is summed from the lesson list, not estimated — so the chart and the curriculum can never disagree.
| Content type | Minutes | Share |
|---|---|---|
| Video lessons | 498 | 55.7% |
| Hands-on projects | 370 | 41.4% |
| Quizzes | 26 | 2.9% |
44% of this course is hands-on.
Curriculum
5 sections · 25 lessons · 15h total
The mental model first: what runs where, and when.
- VideoWhat the App Router changed, and why
- VideoThe request lifecycle, end to end
- VideoServer components are the default — living with that
- VideoAsync params, searchParams, cookies and headers
- QuizCheck your model
Layouts, groups, parallel routes and the file conventions worth knowing.
- VideoLayouts, templates and where state survives
- VideoRoute groups and private folders
- VideoLoading, error and not-found, done properly
- VideoParallel and intercepting routes for a photo modal
- ProjectProject: route the whole application
The part everyone gets wrong twice before getting it right.
- VideoFetching in a server component
- VideoWhat is cached, for how long, and how to find out
- VideoRevalidating by tag and by path
- VideoServer actions and the mutation round trip
- ProjectProject: a dashboard that revalidates on write
- QuizCaching quiz
Make the fast part fast and stop waiting on the slow part.
- VideoSuspense boundaries where they pay off
- VideoPartial prerendering in practice
- Videonext/image, fonts and the layout shift budget
- VideoReading a bundle analysis without panicking
- ProjectProject: take a page from 4.1s to under 1s
Deploy, observe, roll back, repeat.
- VideoEnvironment variables and the secrets you almost leaked
- VideoDeploying, previewing and rolling back
- VideoInstrumentation and the four numbers worth watching
- ProjectCapstone: ship the app and defend the numbers
Maya Okonkwo
Principal engineer · ex-platform lead at Northwind
Maya has spent eleven years on the boring half of frontend: the render path, the cache, the deploy. She teaches the way she reviews code — by asking what happens on the slow connection, on the old phone, on the day the API is down. Her courses ship a real repository, not a starter kit, and every lesson ends with something running.
Joined Northwind Commerce
CompletedBuilt the checkout that still handles 40k orders an hour.
Platform lead
CompletedMoved 240 engineers onto a single React build without a freeze week.
Independent
CompletedConsulting on render performance for retail and media teams.
First course on SkillForge
In progress31,000 learners and a 4.8 average across three titles.
What learners said
3,626 ratings from people who bought this course.
3,626 ratings
- 5 stars
- 4 stars
- 3 stars
- 2 stars
- 1 star
I came in already using the App Router at work and still learned a lot, mostly about what I had been doing for no reason. The async request API section saved me a day on the 16 upgrade.
Excellent, though the last project assumes more comfort with SQL than the description suggests. I paused and did the Postgres course first, came back, and it clicked. Docking a star for the prerequisite, not the teaching.
Learners also took
Same category first, then whatever pairs well with it.
TypeScript for Teams
Types that catch real bugs and stay out of the way — for codebases with more than one author.
React Server Components, Properly
The boundary, the payload and the render — what actually happens between the server and the browser.
CSS Without a Framework
Modern layout, custom properties and container queries — the browser is the framework now.
Browse the full course catalogue, or see how this page is put together on Built with VivekUI.