Next.js의 Middleware가 뭘까?

💡 Middleware allows you to run code before a request is completed. Then, based on the incoming request, you can modify the response by rewriting, redirecting, modifying the request or response headers, or responding directly.

(출처: next 공식 문서)

즉, 미들웨어란 요청이 완료되기 전에 실행되는 코드.

다음 요청에 따라 요청 or 응답 헤더도 수정이나 응답 수정이 가능합니다.

 

NextReseponse API를 통해 할 수 있는 작업들

• redirect/rewrite 작업
  • redirect: 다른 url로 이동
  • rewrite: 주어진 url에 대해 response 변경
• cookie get/set 후 가공하는 작업
• header response 설정

Next의 middleware를 통해 할 수 있는 작업들

• 인증 관련 작업
  1. 미들웨어를 통해 인증 상태 확인
  2. 미 로그인 상태 시 로그인 페이지로 리다이렉션
• 라우팅 보호
  • 특정 사용자들에게만 허용되는 경로에 대한 액세스 제한
• API 요청 전처리
  • 받아온 데이터 가공
  • 헤더 추가 또는 수정
• 로깅과 분석
  • 요청 / 응답을 로깅 및 분석
  • 이를 통한 사용자 활동 추적 및 성능 모니터링 기능 구현 가능
• 캐시 및 성능 최적화
  • DB 쿼리 결과 캐싱