📚 Reference

• 공식 문서 1
• 공식 문서 2
• GitHub 1
• 참고 자료 1
• 참고 자료 2
• 참고 자료 3
• 참고 자료 4
• 참고 자료 5

📜 Chapter

Multi middleware

Troubleshooting

Edge Function

• 속도가 빠르지만 정적인 컨텐츠만을 제공할 수 있는 CDN

• 동적으로 매 요청마다 렌더링이 가능하지만 속도가 느린 동적 서버

  → 이 2가지 단점 극복을 위한 것이 Edge Function

• Vercel 의 Edge Network에 배포된 Edge Function들은 매우 빠르고 동적으로 개인화시킨 데이터를 전달할 수 있고 Server Side 로직을 Edge로 보낼 수 있다.

• 그 Edge Function을 사용하는 방법 중 하나가 MiddleWare이다.

middleware

• middleware란, 처음 유저가 보낸 요청과 종착지 사이에 있는 소프트웨어이다.
• 유저의 정보를 DB에 보낼 때 중간에서 검증 함수를 거친다면, 그 함수가 미들웨어이다.
• Next.js는 간편한 미들웨어 구현을 제공한다.
• pages 디렉토리 내의 어디든지 _middleware 이름을 가진 파일을 생성하면 된다.
• _middleware.ts (middleware.ts) 에선 react 컴포넌트 문법(jsx or tsx)를 사용할 수 없다.
• console.log도 서버 (node.js) 터미널에 출력 된다.