Question 1

How do you read the current URL in a Next.js Client Component (usePathname, useSearchParams, useParams)?

Accepted Answer

**Target Audience:** Beginners preparing for Next.js interviews — assumes basic React hooks and the idea of Server vs Client Components.
**Difficulty:** Easy

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs shipped with the package and, in the **Verified** section, against lab builds, `curl` and a real Chromium browser.

## 1. Why This Even Matters — A Story First

Question 2

How do Server Actions differ from Route Handlers in Next.js?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified bloc

Question 3

What is the difference between revalidateTag(), updateTag(), and refresh() in Next.js 16?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes you know what a Server Action and a cache tag are.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs shipped in `node_modules/next/dist/docs/` and, in the **Verified** section, against a 16.4.2 lab measured with `curl` and with Playwright clicking real buttons i

Question 4

How do you show navigation loading feedback with useLinkStatus in Next.js?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs shipped with the package and, in the **Verified** section, against real output from a build, a running server or a real Chromium browser.

## 1. Why This Even Matters — A S

Question 5

How do you enable and evaluate the React Compiler in Next.js 16?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes you know React state and re-rendering.
**Difficulty:** Medium

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js 16.4.2 docs (`reactCompiler`, `turbopackRustReactCompiler`, the version 16 guide) and, in the **Verified** section, against three builds of the same 16.4.2 lab app with render counts re

Question 6

How do you migrate from the Pages Router to the App Router in Next.js?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Hard

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified block

Question 7

How do you handle instrumentation and observability in Next.js (instrumentation.ts)?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Hard

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified block

Question 8

How do you do optimistic updates in Next.js (useOptimistic, useActionState)?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**Difficulty:** Hard

> **How to read this doc:** Each idea is explained in plain language first, then tagged with `📌 Interview term:`. Every behaviour claim was checked against the Next.js docs shipped with the package (written on 16.3.4, re-reviewed against 16.4.2) and, in the **Verified** section, against real output from a build or a running server; each Verified block

NEXT.JSDECODED.

Easy

How do you read the current URL in a Next.js Client Component (usePathname, useSearchParams, useParams)?

Medium

How do Server Actions differ from Route Handlers in Next.js?

What is the difference between revalidateTag(), updateTag(), and refresh() in Next.js 16?

How do you show navigation loading feedback with useLinkStatus in Next.js?

How do you enable and evaluate the React Compiler in Next.js 16?

Hard

How do you migrate from the Pages Router to the App Router in Next.js?

How do you handle instrumentation and observability in Next.js (instrumentation.ts)?

How do you do optimistic updates in Next.js (useOptimistic, useActionState)?