Adaptive skill practice — find your level, get sharper.

Keentune

›

Software Development

›

Next.js

Next.js practice

Server Components

Try one — no signup

app/page.tsx calls useState but has no "use client" line. What happens?

Start practicing — it’s free

No signup · first signal after 5 answers · your score at session end

The App Router, from routing to the Next 16 caching model

Master the Next.js App Router (v16) — Server Components and the "use client" boundary, file-based routing and the special files (layout, page, loading, error), Server Actions for mutations, Route Handlers, the opt-in caching model ("use cache" / Cache Components / Partial Prerendering), streaming with Suspense, the Metadata API, and proxy.ts. Turbopack is the default bundler. Scoped to the App Router and tagged to Next 16 where version-specific. Part of the Developer track.

• Meets you at your level — never too easy, never too hard.

• Adapts every question to how you’re doing.

• Tracks your level over time. Skill practice, not a test.

New here? Read the Next.js guide

A free 16-minute primer — the mental model, the mistakes beginners make, and what to practice first.

Curriculum

227 concepts across 22 chapters, from foundations through advanced practice — each one a concept the adaptive question bank can teach and test.

A. Project setup and the file system

B. Layouts, pages and the segment tree

C. Dynamic segments and route organization

D. Server and Client Components

E. Rendering: prerender, dynamic and streaming

F. Fetching data on the server

G. Caching with Cache Components and use cache

H. Revalidation and invalidation

I. The previous caching model (pre-Cache-Components)

J. Mutations: Server Actions and forms

K. Route Handlers and the request/response layer

L. Proxy (formerly Middleware)

M. Navigation, links and prefetching

N. Errors, not-found and interrupts

O. Metadata, SEO and OG images

P. Images, fonts, scripts and assets

Q. Styling

R. Configuration and environment

S. Runtimes, build output and deployment

T. Security and data protection

U. Pages Router: the legacy contrast

V. Tooling, testing and diagnostics

View the full curriculum →

Keentune is not affiliated with or endorsed by the organizations whose documentation informs these maps.

Start practicing — it’s free

No signup · first signal after 5 answers · your score at session end

Explore all skills on Keentune

More skills to practice

TypeScript

JavaScript

Data Structures & Algorithms

Also on your phone

App Store Google Play

All exam, test, and product names and trademarks are the property of their respective owners and are used here for identification and reference only. Keentune is independent study practice — not affiliated with, authorized, or endorsed by any of these organizations.