Skip to content
Full-stackIntermediate

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.

4.7 · 3,626 ratings18.4k learnersUpdated
Maya OkonkwoTaught by Maya Okonkwo
A laptop and an external monitor on a bright white desk, both showing an open code editor
Free preview · 18 min
$89$149
40% off this month
30-day money-back guarantee
Includes
  • 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 mix for Ship It: Next.js 16 from Zero to ProductionHow the 15 hours split between video, hands-on projects and quizzes.56%41%15htotal
Content mix for Ship It: Next.js 16 from Zero to Production
Content typeMinutesShare
Video lessons49855.7%
Hands-on projects37041.4%
Quizzes262.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 whyFree preview18m
  • VideoThe request lifecycle, end to end Premium24m
  • VideoServer components are the default — living with that Premium31m
  • VideoAsync params, searchParams, cookies and headers Premium27m
  • QuizCheck your model Premium12m

Your instructor

Maya Okonkwo

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.

  1. 2015

    Joined Northwind Commerce

    Completed

    Built the checkout that still handles 40k orders an hour.

  2. 2019

    Platform lead

    Completed

    Moved 240 engineers onto a single React build without a freeze week.

  3. 2022

    Independent

    Completed

    Consulting on render performance for retail and media teams.

  4. 2024

    First course on SkillForge

    In progress

    31,000 learners and a 4.8 average across three titles.

Reviews

What learners said

3,626 ratings from people who bought this course.

4.7

3,626 ratings

5 stars
78%
4 stars
17%
3 stars
3%
2 stars
1%
1 star
1%
Priya Nandakumar
Priya Nandakumar

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.

Marcus Feld
Marcus Feld

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.

Sofia Alvarez
Sofia Alvarez

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.

A close-up, sharply angled view of syntax-highlighted source code on a dark screenFrontend

TypeScript for Teams

Types that catch real bugs and stay out of the way — for codebases with more than one author.

Dev RaghunathanDev Raghunathan
4.7 (5.4k)
24.3k learners
10h18 lessonsIntermediate
A laptop screen filled with nested component markup in a dark editorFrontend

React Server Components, Properly

The boundary, the payload and the render — what actually happens between the server and the browser.

Maya OkonkwoMaya Okonkwo
4.7 (2k)
9.6k learners
10h16 lessonsAdvanced
Browser developer tools showing HTML markup beside a panel of CSS style rulesDesign

CSS Without a Framework

Modern layout, custom properties and container queries — the browser is the framework now.

Inês MarchettiInês Marchetti
4.7 (7.1k)
41.3k learners
8h17 lessonsBeginner

Browse the full course catalogue, or see how this page is put together on Built with VivekUI.