next.js]라우트 세그먼트 옵션(강제로 dynamic/static 으로 수정하기)

짱효·2025년 1월 22일

Next.js

목록 보기
33/38

라우트 세그먼트 옵션(4가지)


⚠️사용을 권장하지 않는다.

  • 앱라우트 next.js는 페이지를 구성하고 있는 모든 컴포넌트들이 어떻게 동작하냐에 따라 자동으로 dynamic, static으로 설정하는 좋은 기능이 이미 있음

테스트할때 사용하길!!

1️⃣export const dynamic = 'auto';

  1. 기본값

2️⃣export const dynamic = 'force-dynamic';

  1. 무조건 다이나믹 페이지가 된다.

3️⃣export const dynamic = 'force-static';

  1. 페이지를 강제로 Static 페이지로 설정
  • 페이지 쿼리스트링들은 무조건 undefined 로 설정
  • fetch함수는 알아서 캐시(force-cache)로 바뀜

⚠️but! 부작용나올수있음

  • dynamic 페이지를 강제로 static으로 바꾸면 검색기능이 잘 되지 않는다!

4️⃣export const dynamic = 'Error'

  • 페이지를 강제로 Static 페이지 설정(설정하면 안되는 이유 -> 빌드 오류)
  • 버그가 낳아지는

⚠️에러가 나옴

총정리!

profile
✨🌏확장해 나가는 프론트엔드 개발자입니다✏️

0개의 댓글