Question 1

How do environment variables work in Next.js (the NEXT_PUBLIC_ prefix)?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**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 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 2

How does file-based routing work in the Next.js App Router?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**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 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 3

What is Next.js and what problems does it solve?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**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 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 4

What is the difference between the /public folder and imported assets in Next.js?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**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 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 5

How do sitemap.ts and robots.ts work in Next.js?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — assumes basic React and App Router familiarity.
**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 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 6

How do you create a new Next.js app, and what is in the project structure?

Accepted Answer

**Target Audience:** Beginners preparing for Next.js interviews — no prior Next.js knowledge assumed, basic React helps.
**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 a real run of `create-next-app@16.4.2`, `next build` and `next start` in a lab.

## 1. Why This Even Matters

Question 7

What breaks when you upgrade to Next.js 16, and how do you migrate?

Accepted Answer

**Target Audience:** Frontend engineers preparing for Next.js interviews — useful for anyone who has to plan a 15 to 16 upgrade.
**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 upgrade guide shipped in `node_modules/next/dist/docs/` and, in the **Verified** section, against real `next build` and `next start` output from a 16.4.2 lab app written i

Question 8

What is the difference between the App Router and the Pages Router?

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 9

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 10

What are the special files in the Next.js App Router (page, layout, loading, error)?

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

NEXT.JSDECODED.

Easy

How do environment variables work in Next.js (the NEXT_PUBLIC_ prefix)?

How does file-based routing work in the Next.js App Router?

What is Next.js and what problems does it solve?

What is the difference between the /public folder and imported assets in Next.js?

How do sitemap.ts and robots.ts work in Next.js?

How do you create a new Next.js app, and what is in the project structure?

Medium

What breaks when you upgrade to Next.js 16, and how do you migrate?

What is the difference between the App Router and the Pages Router?

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

What are the special files in the Next.js App Router (page, layout, loading, error)?

How do you organize a large Next.js App Router project (colocation, private folders, route groups)?

How do you keep secrets and server code out of the client bundle in Next.js (server-only, taint, Data Access Layer)?

What is the output: 'standalone' build in Next.js and when do you use it?

Hard

What are Server Actions in Next.js and how do they work?

How do you handle authentication in Next.js?

What are the security considerations for Server Actions in Next.js?