Next.js 15 완전 정복 - App Router, Server Actions, PPR, Turbopack 실전 적용

Next.js 15의 핵심 변화

2024년 말 출시된 Next.js 15는 React 19를 완전 지원하며 Partial Prerendering(PPR), 개선된 Server Actions, Turbopack 안정화 등 대규모 업데이트를 담았습니다.

v14 vs v15 주요 변경점

기능	Next.js 14	Next.js 15
React 버전	React 18	React 19 완전 지원
빌드 도구	Webpack	Turbopack 안정화
캐싱 기본값	공격적 캐싱	캐싱 비활성화(기본)
PPR	실험적	점진적 도입 지원

Partial Prerendering (PPR)

하나의 페이지에서 정적 부분은 즉시 서빙하고 동적 부분은 스트리밍으로 채우는 하이브리드 렌더링입니다.

// next.config.ts
export default { experimental: { ppr: 'incremental' } };

Server Actions 실전

"use server";
export async function createPost(formData: FormData) {
  const title = formData.get("title") as string;
  await db.post.create({ data: { title } });
  revalidatePath("/posts");
}

Turbopack (빌드 76% 빠름)

"dev": "next dev --turbopack"

v15 마이그레이션 주의사항

• fetch 기본 캐싱이 no-store로 변경 → 성능 검토 필요
• cookies(), headers()가 비동기 API로 변경 → await cookies()로 수정

결론

PPR + Turbopack + Server Actions의 조합으로 더 빠르고 유지보수하기 쉬운 풀스택 앱을 만들 수 있습니다.