Next.js에서 전역 미들웨어를 사용할 때

그 폴더에 사용자가 작성한 페이지 파일들이 들어가는게 아니라 번들 모듈이 들어가는걸로 압니다 그 모듈로 서버에서 html을 작성해서 클라이언트 한테 던져주는걸로 알고있습니다.

Next.js 12 이상에서 전역 미들웨어를 사용할 때, 서버에서 미들웨어를 실행하고 결과를 클라이언트에 전달합니다. 따라서 전역 미들웨어가 사용되는 경우, ' .next/server/pages '에 생성되는 페이지 파일이 없어도 SSR(Server Side Rendering)은 정상적으로 작동합니다. 미들웨어는 요청을 처리하기 전에 실행되는 사용자 정의 기능입니다. 전역 미들웨어는 모든 페이지에 적용되며, 요청이 페이지 렌더링 전에 실행됩니다. SSR이 작동하는 방식은 기존과 동일하나, 전역 미들웨어가 추가된 것 뿐입니다. 전역 미들웨어는 ' _middleware.ts ' 파일을 생성하여 사용할 수 있습니다. 해당 파일에 미들웨어 코드를 작성하고, Next.js는 자동으로 이를 감지하여 모든 페이지에 적용합니다. 요약하면, 전역 미들웨어를 사용해도 SSR은 정상적으로 작동합니다. 전역 미들웨어는 요청을 처리하기 전에 실행되는 사용자 정의 기능으로, 페이지 렌더링 과정에 영향을 주지 않습니다.

1
2
3
4
5
6
7
8
9
// _middleware.ts
import { NextMiddleware } from 'next/server';

const middleware: NextMiddleware = async (req, ev) => {
  // 여기에 미들웨어 로직 작성
  return ev.next();
};

export default middleware;