Next.js 14 - api route

Next.js 14

 

✅ api route 생성 방법

---

폴더 이름은 상관 없음

단, 파일 이름이 route.ts이어야 함!

(route.ts여야 이 파일이 API route라고 알려줌)

 

GET Request를 처리하는 방법

---

import { NextRequest } from "next/server";

export async function GET(request: NextRequest) {
  console.log(request);
  return Response.json({
    ok: true,
  });
}

export async function POST(request: NextRequest) {
  const data = await request.json();
  console.log("log the user in!!!");
  return Response.json(data);
}

 

꼭 함수 이름이 GET, POST여야 해당 method를 trigger하여 처리하는 handler가 된다.

 

Request보다 NextRequest가 더 멋진 부분

cookie 정보를 제공하고 ip나 위치 정보(geo)까지 제공해줌

그리고 현재 사용자의 url과 이동할 url정보까지 줌

 

(request.cookies.get("쿠키이름");으로 정보를 가져올 수 있음)