Q: How do you revalidate data after a mutation in Next.js?

After a Server Action mutates data, call revalidatePath() or revalidateTag() to invalidate the affected caches, or router.refresh() on the client, so the UI reflects the change. Redirecting with redirect() also re-renders the target route fresh. <text

Question 1

How do you handle forms with Server Actions in Next.js (progressive enhancement)?

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 2

How do you revalidate data after a mutation in Next.js?

Accepted Answer

After a Server Action mutates data, call revalidatePath() or revalidateTag() to invalidate the affected caches, or router.refresh() on the client, so the UI reflects the change. Redirecting with redirect() also re-renders the target route fresh.

Question 3

How do you handle file uploads in Next.js with Server Actions and Route Handlers?

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. Files were written to local disk i

Question 4

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 5

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 6

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

Question 7

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

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

What are the security considerations for Server Actions 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

NEXT.JSDECODED.

Medium

How do you handle forms with Server Actions in Next.js (progressive enhancement)?

How do you revalidate data after a mutation in Next.js?

How do you handle file uploads in Next.js with Server Actions and Route Handlers?

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

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

Hard

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

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

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