[Next 15] Next 15 변화점 (Turbopack, 캐싱, React 19, 모니터링 지원, 서버 사이드 Fetch 개선)

 

개인적으로 읽으면서 이해하고 개발하는데 필요하다고 생각하는 부분만 적어놨습니다. 더 자세한 사항은 Next.js 15 확인바랍니다.

 

https://nextjs.org/blog/next-15

Next.js 15

 

 

📝자바스크립트 번들러 Turbopack 탑재

Rust로 작성된 새로운 번들러로 Vercel에서 개발해 Webpack보다 더 빠른 빌드 속도 제공합니다. Default는 Webpack이고 Turbopack 선택적 사용 가능

 

📝캐싱 명시

기본적으로 캐싱을 지원했지만 캐싱을 명시해 개발에 착오 방지합니다.

 

📝React 19 지원

React 19에 기능 지원

 

📝프론트 / 백엔드 모니터링 지원

Sentry 등 모니터링 제품에 프론트나 백엔드 에러 등 다야양한 로그를 보내 분석할 수 있게 지원

 

📝서버사이드 데이터 패치 개선

import { cookies } from 'next/headers';

export default function Page() {
  const token = cookies().get('token'); // ❌ 경고 뜸 (동기식)
  return <div>관리자</div>;
}

/** ──────────────────────────────────────────── **/

import { cookies } from 'next/headers';

export default async function Page() {
  const cookieStore = await cookies(); // ✅ 비동기 API
  const token = cookieStore.get('token');
  return <div>관리자</div>;
}

기존에서 서버사이드에서 필요한 건 순차적으로 데이터 요청을 기다리고 응답 받은 후에 처리했는데 이걸 비동기적으로 처리하게끔 변경