[Next.js] page router - API Routes

한 입 크기로 잘라먹는 Next.js 학습정리용입니다. 
2.5) API Routes

2.5 API Routes

API Routs란?

Next.js 앱에서 API를 구축할 수 있도록 도와주는 기능

마치 백엔드 API 서버가 하는 일고 동일하게 간단한 API를 구축해서 브라우저로부터 요청을 받아 데이터베이스에서 데이터를 꺼내온다던가 아니면 다른 서드파티에 데이터를 불러와서 전달을 해준다는 등의 동작을 만들 수 있다.

 

API Routes 실습

pages/api 아래에 API 경로로 만들고 싶은 이름으로 파일 만들어준다. (ex api/time 으로 하고 싶으면 time.ts)

import type { NextApiRequest, NextApiResponse } from "next";

export default function handler(req: NextApiRequest, res: NextApiResponse) {
  const date = new Date();
  res.status(200).json({ time: date.toLocaleString() });
}