interview.practice

Next.js for Absolute Beginners interview questions

Answer aloud before opening each explanation. Focus on the reasoning, not memorized wording.

App RouterComponentsCachingMutationsRenderingPerformance

0/6 saved answers | 6 questions shown

01What is the role of layout.tsx?App RouterBeginner

Model answer

It wraps nested route segments with shared UI and preserved state.

Why

Layouts compose hierarchically and avoid remounting shared shells during navigation.

02How do Server and Client Components differ?ComponentsIntermediate

Model answer

Server Components run on the server; Client Components can use browser APIs and interactive Hooks.

Why

Keeping client boundaries small reduces shipped JavaScript.

03What is revalidation?CachingIntermediate

Model answer

Refreshing cached data after time or an explicit invalidation.

Why

It balances cached performance with data freshness.

04Where should authorization be checked?MutationsIntermediate

Model answer

Inside every server mutation or data-access boundary.

Why

Hiding a button does not secure a Server Action or Route Handler.

05What is hydration?RenderingAdvanced

Model answer

Attaching client React behavior to server-rendered HTML.

Why

Markup differences between server and client can cause hydration errors.

06Why use streaming and Suspense?PerformanceAdvanced

Model answer

To send useful UI before slower work completes.

Why

Streaming improves perceived performance by progressively revealing route sections.

Back to track