10/17 - NextApiRequest와 NextRequest

NextApiRequest와 NextRequest

reactjs - FormData with NextJS API - Stack Overflow

FormData with NextJS API

NextApiRequest는 Next.js 13 버전 이전에 쓰이던 요청 객체이고,

NextRequest는 Next.js 13 버전 이후에 쓸 수 있는 요청 객체이다.

 

NextApiRequest는 Express.js의 Request와 유사하게 작동하며,

FormData를 다룰 때에 multer와 같은 미들웨어가 필수적으로 필요하다.

 

NextRequest는 Next.js 의 독자적인 Request 구조를 구성하였다.

기존 Request에 cookies 등의 기능을 추가하였고,

FormData를 다룰 때에는 request.formData() 를 통해 간편하게 formData를 다룰 수 있다.

 

만약, multer를 통한 이미지 업로드 같은 Express.js Request 기반의 미들웨어를 사용하고 싶다면,

NextApiRequest를 사용하는 것이 올바르겠다.

 

심플하게 Next.js 만으로 구현하는 것이 목적이라면 NextRequest를 이용하여 최대한 간편하게 구현하는 것이 추천되지 않을까 싶다.

NextResponse 상태 코드 설정

reactjs - How to return API response status in NextJS13? - Stack Overflow

How to return API response status in NextJS13?

Next.js API 의 응답 값으로는 NextResponse.json({data}) 와 같은 NextResponse 값을 반환하게 된다.

이때 NextResponse는 기존의 Response를 extends 받았으므로 status() 로 상태 코드를 설정하면 될 것 같지만 그렇지 않다.

 

해당 글에서는 NextResponse의 상태 코드를 또 다른 객체 값으로 설정 할 수 있다고 답변한다.

import { NextResponse } from "next/server";

NextResponse.json({
  message: "..."
}, {
  status: 400,
})