How to use proper HTTP methods in Next.js API routes?

In Next.js API routes, you can define different functions for each HTTP method (GET, POST, PUT, DELETE) within the same route file. This allows you to handle different types of requests appropriately.

Example:

// app/api/users/route.js
export async function GET(request) {
  const users = await getUsers();
  return new Response(JSON.stringify(users), {
    headers: { "Content-Type": "application/json" },
  });
}

export async function POST(request) {
  const data = await request.json();
  const user = await createUser(data);
  return new Response(JSON.stringify(user), {
    status: 201,
    headers: { "Content-Type": "application/json" },
  });
}

export async function PUT(request) {
  const data = await request.json();
  const user = await updateUser(data);
  return new Response(JSON.stringify(user), {
    headers: { "Content-Type": "application/json" },
  });
}

export async function DELETE(request) {
  const { searchParams } = new URL(request.url);
  const userId = searchParams.get("id");
  await deleteUser(userId);
  return new Response(null, { status: 204 });
}

In this example, each function corresponds to a specific HTTP method, allowing you to handle requests accordingly.