Curriculum section

Next.js Hub

App Router, Server Components, Middleware, ISR, Route Handlers — complete Next.js interview prep.

20 topics20 detailed guidesInterview-focused explanations

Coverage20Topics in this track, each wired into the same detail-page system.

Depth20Topic guides with structured content sections and analytics-ready detail views.

FocusRealBuilt for actual interview study flow, not decorative curriculum cards.

Next stepPick oneOpen a topic, study deeply, and the analytics layer will start tracking evidence.

Topic library

Choose a topic to continue the section in the same premium learning flow used across the app.

Structured detail pages · mapped metadata

Pages Router vs App Router

Difference between the two routers and which one to use in 2025.

Next.js 13+ArchitectureRSC

GoogleMetaStripe

Explore pattern

Server vs Client Components

When to use "use client" vs Server Components. Rules and constraints.

ReactServer ComponentsHydration

OpenAIAnthropic

Explore pattern

SSG vs SSR vs ISR

Rendering strategies. When to use which. Implementation code.

PerformanceRenderingCaching

AirbnbVercel

Explore pattern

Hydration & Mismatch Errors

What hydration is, common causes for mismatch, and how to fix them.

React BasicsTroubleshootingSSR

UberRippling

Explore pattern

Next.js Middleware

Auth protection, role-based access, geo-redirects, A/B testing implementation.

EdgeSecurityRouting

CoinbaseStripe

Explore pattern

Server Actions & Form Handling

Running mutations on server, progressive enhancement, useActionState.

Data MutationReact 19Forms

VercelMeta

Explore pattern

next/image Optimization

Why use it over <img>, LCP optimization, blur placeholders, formats.

PerformanceCore Web VitalsAssets

GoogleAirbnb

Explore pattern

Dynamic Routes & generateStaticParams

Catch-all routes, pre-building paths for SSG, dynamic metadata.

RoutingSEOData Fetching

OpenAIStripe

Explore pattern

Route Handlers (API)

Building REST endpoints, GET/POST, reading queries, auth validation.

BackendAPIEdge

CoinbaseUber

Explore pattern

4 Caching Layers in Next.js

Request memoization, Data Cache, Full Route Cache, Router Cache explained.

ArchitecturePerformanceCache

AnthropicMeta

Explore pattern

Layout vs Template vs Page

Differences in mounting behavior, state preservation, and when to use template.

App RouterRoutingUI

StripeRippling

Explore pattern

Special Files (loading, error, not-found)

Suspense boundaries, error handling, 404 pages.

UXError HandlingReact

VercelGoogle

Explore pattern

Server vs Client Render Logs Trap

Output Question: Where do console.logs appear for server vs client components?

DebuggingTrickyOutput

MetaUber

Explore pattern

Import Server Component Trap

Can you import a Server Component into a Client Component? How to fake it.

ArchitectureTrickyRSC

StripeAnthropic

Explore pattern

useRouter App Router Trap

Using the correct router import in App Router vs Pages Router.

ReactTrickyRouting

CoinbaseAirbnb

Explore pattern

E-Commerce Architecture (Burberry)

System design for e-commerce using SSG, ISR, CSR, and SSR correctly.

System DesignArchitectureNext.js

VercelStripeMeta

Explore pattern

Build: Auth-Protected Middleware

Implement a JWT verified edge middleware for route protection.

SecurityEdgeBuild

AnthropicOpenAI

Explore pattern

Build: Pagination with Server Components

Implement URL-based searchParams pagination sharing states successfully.

BuildReactRSC

UberGoogle

Explore pattern

Next.js Performance Optimization

How to speed up a slow Next app: bundle sizing, font, streaming.

PerformanceCore Web Vitals

AirbnbMeta

Explore pattern

Next.js Security Hardening

Security headers, CSP, rate limiting, sanitization, and secret management.

SecurityCSPDevSecOps

CoinbaseStripe

Explore pattern