[Next.js 16] Turbopack 기본 탑재 + Cache Components(PPR)로 빨라진 빌드와 로딩

한 줄 요약 - Next.js 16이 Turbopack을 기본 번들러로 채택해 빌드가 2~5배 빨라졌고, Cache Components(PPR)로 정적과 동적을 한 페이지에서 섞어 초기 로딩을 크게 개선합니다.

무슨 일이에요?

2025년 10월 16 출시 이후 현재 16.2대가 안정 버전입니다. next dev/next build 모두 별도 플래그 없이 Turbopack을 씁니다. 또 미들웨어 파일 규약이 middleware에서 proxy로 바뀌었습니다.

핵심 코드

함수/컴포넌트 단위 캐시는 use cache 지시문으로 선언합니다.

async function getProducts() {
  "use cache";
  const res = await fetch("https://api.example.com/products");
  return res.json();
}

# Turbopack이 기본 - 플래그 불필요
next dev
next build

왜 중요해요?

• 빌드 속도와 초기 로딩(PPR로 정적 셸 즉시 + 동적 부분 스트리밍)이 크게 좋아집니다.
• 주의: 엣지 로직 파일이 middleware에서 proxy로 바뀌었습니다. 둘 다 두면 충돌하니 하나만 사용하세요.