Skip to content

Tracks Drills Topics Technologies Tech stacks Skill areas

Tracks Drills Guides

Loading

Aporeon

Technical interview practice, from one developer to another.

Guides About Editorial standards Support Privacy Terms Refund policy

Next.js Rendering & Routing - React & Next.js Frontend Foundations | Aporeon

React & Next.js Frontend Foundations

Next.js Rendering & Routing

Server/client components, rendering modes, hydration, route handlers, caching, and revalidation.

7 drillsPractice one at a timeOrdered pathArchitecture scenarioConcept question

Recommended start

Suspense and Streaming

Explains how Suspense boundaries stream useful page regions while coordinating loading, errors, and data ownership.

Hard~12 minStep 1 of 7

Practice this drill Choose another

Search

7 of 7 shown

1Suspense and StreamingRecommended startExplains how Suspense boundaries stream useful page regions while coordinating loading, errors, and data ownership.Architecture scenarioHard~12 minNext.jsReactTypeScriptPractice

Practice order

7 drillsOne at a time

1Suspense and StreamingUp next / Hard / ~12 min
2URL StateMedium / ~10 min
3Server vs Client ComponentsMedium / ~7 min

2

URL StateExplains when filters, sorting, pagination, and selection belong in search parameters and how to keep navigation predictable.Architecture scenarioMedium~10 minNext.jsReactTypeScript

Practice

3Server vs Client ComponentsExplains Next.js server/client component boundaries, interactivity, data access, serialization, and bundle impact.Concept questionMedium~7 minNext.jsReactTypeScriptPractice

4Rendering ModesExplains server rendering, client rendering, static rendering, freshness, SEO, personalization, and performance trade-offs.Concept questionMedium~7 minNext.jsReactTypeScriptPractice

5Hydration MismatchExplains why server HTML and client render can disagree, how to debug it, and how to avoid mismatch-prone code.Concept questionHard~9 minNext.jsReactTypeScriptPractice

6Next.js BFF BoundaryExplains when a Next.js route layer helps with cookies, tokens, aggregation, and UI-specific API adaptation.Concept questionHard~9 min.NETASP.NET CoreNext.jsPractice

7Next.js CachingExplains caching and revalidation choices for static, dynamic, user-specific, and frequently changing data.Concept questionHard~9 minNext.jsReactTypeScriptPractice

4Rendering Modes

Medium / ~7 min

5Hydration MismatchHard / ~9 min

6Next.js BFF BoundaryHard / ~9 min

7Next.js CachingHard / ~9 min