Next.js API Routes - 서버리스 함수로 백엔드 구현

Next.js API Routes는 서버리스 함수로 백엔드 API를 구현할 수 있게 해줍니다.
프론트엔드와 백엔드를 같은 프로젝트에서 관리할 수 있어, 작은 프로젝트나 프로토타입에 적합합니다.

---

1. 기본 API Route 구조

// app/api/users/route.ts (App Router)
import { NextRequest, NextResponse } from "next/server";

export async function GET(request: NextRequest) {
  const users = await fetchUsers();
  return NextResponse.json(users);
}

export async function POST(request: NextRequest) {
  const body = await request.json();
  const newUser = await createUser(body);
  return NextResponse.json(newUser, { status: 201 });
}

• HTTP 메서드 이름(GET, POST, PUT, DELETE 등)으로 함수를 export합니다.
• NextRequest와 NextResponse를 사용합니다.

---

2. 동적 라우트

// app/api/users/[id]/route.ts
export async function () {
   { id } =  params;
   user =  (id);
  
   (!user) {
     .({ :  }, { :  });
  }
  
   .(user);
}