Next.js에서는 페이지를 만드는 것처럼 간단하게 백엔드 API를 만들 수 있다.
사실상 작은 Node.js 서버를 구현할 수 있다.
- 우선 /pages 폴더 아래에 /api라는 폴더를 만들고
여기다가 특별한 형태의 자바스크립트 파일을 추가하면 된다.
이렇게 default export로
리퀘스트 객체(req)와 리스폰스 객체(res)를
파라미터로 받는 함수를 만들면 된다.
리퀘스트 객체와 리스폰스 객체는 Node.js의 리퀘스트 객체와 리스폰스 객체
위 코드는 GET 리퀘스트를 보냈을 때 cart 배열을 리스폰스로 보내 주고,
PUT 리퀘스트를 보냈을 때 cart 배열을 수정하는 간단한 코드이다.
이 API의 주소는 Next.js에서 페이지를 만들었을 때의 주소와 마찬가지이다.
/api/cart.js라는 경로이니까 /api/cart라는 주소로 리퀘스트를 보내면 파일에 있는 핸들러 함수를 실행해서 리스폰스를 보내 주는 형태
웹 브라우저에서http://localhost:3000/api/cart라는 주소로 접속하거나, API 테스트를 해 보면 아래와 같은 JSON 데이터가 리스폰스로 전달될 것이다.
참고 자료
https://nextjs.org/docs/pages/building-your-application/routing/api-routes
이해 잘 못함ㅜㅜ
