mediumFrontend

How do you read request data and return responses in a Next.js Route Handler?

Q: How do you read request data and return responses in a Next.js Route Handler?

**TL;DR.** A handler receives a standard Request : use await request.json() / formData() , request.nextUrl.searchParams , cookies() , and headers() . Return a Response or NextResponse (e.g. NextResponse.json(data, { status }) ). Dynamic **params** come from the **second argument**. request.json() searchParams params (2nd arg) <path class='d-edge-accent' d='M152 88 H21

570 views

Understand the problem

Web Request parsing and Response/NextResponse.

nextjsroute-handlersrequestresponse

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Stuck? AI Nudge Available

Get a conceptual hint to guide your logic without spoiling the final implementation.

Study the solution

The solution is waiting

Give it an honest attempt first — then compare your thinking with the full walkthrough.

Read the code

Dynamic param + query + JSON response

// app/api/users/[id]/route.ts
import { NextResponse } from 'next/server';

export async function GET(request: Request,
  { params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;                           // dynamic segment
  const q = request.nextUrl.searchParams.get('fields');  // query string
  const user = await db.user.find(id);
  if (!user) return NextResponse.json({ error: 'not found' }, { status: 404 });
  return NextResponse.json(user);
}

Join the discussion

Discussion (0)

No responses yet. Be the first to share what you think.

How do you handle loading and error states for data fetching in Next.js?

What is prefetching in Next.js and how does next/link prefetch routes?