Next JS

← All exam tracks

App Router · Server & Client Boundaries

Next JS

Practice original scenario-based Next JS questions. Take a timed mock, focus on a topic, and learn from detailed explanations. These are independent practice materials, not official exam questions or a guarantee of certification readiness.

16 questions · 24 minutes · 70% practice target

Create an account to practice Already a member? Sign in

Topics you will practice

  • Rendering Boundaries
  • Routing & Streaming
  • Data & Mutations
  • Production & Security

Try a sample

Think through each question, then reveal the explanation. Full attempts save your answers and scores to your account.

In the Next.js App Router, a product page reads private database data and contains one interactive favorite button. Which split is appropriate?

  1. Keep data access in a Server Component and isolate the interactive button as a Client Component
  2. Mark the entire application use client and import the database driver everywhere
  3. Send database credentials as button props
  4. Convert the database password to a NEXT_PUBLIC variable
Show answer and explanation

Correct answer: Keep data access in a Server Component and isolate the interactive button as a Client Component

Use a small client boundary for interaction while keeping private data access on the server. Client code and serialized props must not expose credentials.

A module begins with use client and imports several helper modules. What is the important bundling implication?

  1. Only the first line runs in the browser
  2. All imported code automatically stays private on the server
  3. The directive encrypts imported modules
  4. Its imported dependency graph enters the client boundary, so keep server-only dependencies out
Show answer and explanation

Correct answer: Its imported dependency graph enters the client boundary, so keep server-only dependencies out

The directive establishes a client module boundary and affects its imports. It is not encryption or a guarantee that helpers remain server-only.

A Server Component renders a Client Component. Which data should normally cross that boundary?

  1. The complete server environment
  2. An ordinary arbitrary server closure with access to private process state
  3. Only needed React-serializable values suitable for exposure to the client
  4. A live database connection object
Show answer and explanation

Correct answer: Only needed React-serializable values suitable for exposure to the client

Pass minimal serializable data across the boundary. Connections and ordinary arbitrary closures are not transferable props; Server Functions use a distinct supported mechanism and still require authorization.

Study references