Next.js Course
Next.js
/
Intermediate

Intermediate Interview Questions

Definition

Questions designed to test practical experience with Next.js, focusing on data fetching strategies, the App Router architecture, and caching mechanisms.

Explain Like I'm New

Interviewers want to see that you've actually built things with Next.js and hit roadblocks. They will ask about mixing Client and Server components, handling mutations, and optimizing performance.

Real World Example

Being asked how to handle a complex form submission using Server Actions and cache revalidation.

Common Use Cases

  • •Mid-level Engineering Interviews
  • •Practical architecture validation

Terminal Output

bash / terminal
/* Common Intermediate Interview Scenario: "Explain the difference between SSG, SSR, and ISR." Answer: - SSG (Static Site Generation): HTML is built ONCE during deployment. Fastest, but data can get stale. Good for blogs. - SSR (Server Side Rendering): HTML is built fresh on EVERY single user click. Slower, but always accurate. Good for live stock prices. - ISR (Incremental Static Regeneration): HTML is built once, but the server secretly rebuilds it in the background every X seconds. The perfect hybrid. Good for e-commerce. */

Interview Questions

basic

  • What is the difference between a Server Component and a Client Component?

intermediate

  • How do you pass a Server Component as a child into a Client Component?

Flash Cards

Question

Server vs Client?

Click to reveal answer
Answer

Server Components execute entirely on the server, send 0 Javascript to the browser, and cannot use hooks or interactivity. Client Components are sent to the browser, allow interactivity (`onClick`), and can use React hooks (`useState`).

Question

Pass Server into Client?

Click to reveal answer
Answer

You cannot import a Server Component directly into a Client Component file. You must use the `children` prop (Composition). The Client Component accepts `children`, and a higher-level Server Component renders them together.