[Next.js] API 경로 생성
본문 바로가기
프레임워크/Next.js

[Next.js] API 경로 생성

by 은돌1113 2022. 2. 26.

API 경로 생성

API 경로를 사용하면 Next.js 앱 내에서 API 엔드포인트를 생성 할 수 있습니다.

pages/api 디렉토리 내부에 함수를 생성하여 이를 수행 할 수 있습니다.

// req = HTTP incoming message, res = HTTP server response
export default function handler(req, res) {
  // ...
}

서버 리스 함수(람다)로 배포 할 수 있습니다.


간단한 API 엔드포인트 생성

pages/api 디렉토리에 hello.js 파일을 생성하고 아래 코드를 삽입합니다.

export default function handler(req, res) {
  res.status(200).json({ text: 'Hello' })
}

 

그런 다음 localhost:3000/api/hello로 접근 해보면 다음과 같은 결과를 볼 수 있습니다.

위 코드에서

req는 http.IncomingMessage의 인스턴스와 미리 빌드된 일부 미들웨어입니다.

res는 http.ServerResponse의 인스턴스와 일부 도우미 함수입니다.


 

Learn | Next.js

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.

nextjs.org

 

'프레임워크 > Next.js' 카테고리의 다른 글

[Next.js] Github에 Push  (0) 2022.02.26
[Next.js] API 경로 세부정보  (0) 2022.02.26
[Next.js] 동적 라우팅 사용하기  (0) 2022.02.22
[Next.js] 동적 경로 세부정보  (0) 2022.02.20
[Next.js] index 페이지 다듬기  (0) 2022.02.20

댓글