Next.js 16 — React 19 완전 통합과 새로운 기능

Next.js 16 핵심 변경

• React Compiler 기본 활성화
• Turbopack이 프로덕션 빌드에서도 사용
• Partial Prerendering 안정화

새로운 라우팅

// Intercepting Routes 개선
// app/@modal/(.)photos/[id]/page.tsx
export default function PhotoModal({ params }: { params: { id: string } }) {
  return (
    <Modal>
      <Photo id={params.id} />
    </Modal>
  );
}

// Parallel Routes로 대시보드
// app/dashboard/layout.tsx
export default function Layout({ analytics, team, revenue }) {
  return <div>{analytics}{team}{revenue}</div>;
}