Next.js

Middleware는 Next.js 요청 파이프라인에서 가장 먼저 개입하는 레이어입니다. middleware.ts 파일을 프로젝트 루트(또는 src/ 디렉토리 바로 안)에 배치하면 Next.js가 자동으로 인식하고 모든 요청에 대해 실행합니다. Next.js 공식 Middleware 문서에 따르면, Middleware는 next.config.js 의 hea

Server Actions는 Next.js가 React의 서버 컴포넌트 모델 위에 구축한 폼·뮤테이션 레이어입니다. 'use server' 디렉티브를 함수 또는 파일 상단에 선언하면, 해당 함수는 클라이언트에서 직접 호출할 수 있는 서버 측 엔드포인트로 변환됩니다.

네 가지 전략을 한 자리에 놓고 보면 PPR이 어떤 위치를 점하는지 명확해집니다. 전략 TTFB CDN 캐시 Cold Start 동적 데이터 주요 한계 ------ ------ ---------- ------------ ------------- ----------- SSG 매우 낮음 ( 50ms) 완전 캐시 없음 불가 빌드 시점 데이터만 반영 SSR 높음

가장 근본적인 변화이자 App Router의 핵심은 단연 React Server Components (RSC) 입니다. 과거 Next.js의 getServerSideProps 나 getStaticProps 는 페이지 단위의 데이터 패칭을 위한 것이었지만, RSC는 컴포넌트 단위에서 서버 로직을 실행할 수 있게 해줍니다.