pile·
프론트엔드·vercel-blogVercel Blog·

Next.js Conf 2024 핵심 요약: Turbopack stable, 캐싱 기본값 변경

Next.js Conf 2024에서 발표된 주요 기술 변경 사항을 정리한다. Next.js 15에서 GET Route Handler와 Client Router Cache의 캐싱 기본값이 uncached-by-default로 전환됐고, 개발 서버용 Turbopack이 공식적으로 stable 상태가 됐다. 주 7백만 다운로드로 가장 인기 있는 프론트엔드 프레임워크 지위를 유지하고 있다.

핵심 포인트
  • Next.js 15에서 GET Route Handler와 Client Router Cache가 캐시 기본값(cached-by-default)에서 비캐시 기본값(uncached-by-default)으로 전환됐다
  • Turbopack 개발 서버가 공식 stable 상태가 됐으며, 기존 Webpack 대비 90% 빠른 코드 업데이트 속도를 제공한다
  • next.config.js에서 configurable expireTime 설정으로 self-hosted 앱의 Cache-Control 디렉티브를 세밀하게 제어할 수 있다
  • 컨퍼런스 이후 Turbopack의 개발 방향이 빌드(production) 최적화로 전환됐으며 areweturboyet.com/build에서 진행 상황을 추적할 수 있다
  • 이전 컨퍼런스 이후 5개 버전 릴리즈, 4,000개 이상의 PR 병합, 570명의 신규 기여자가 참여했다
상세 정리
  • GET Route Handler 캐시 변경: 기존에는 GET 방식 Route Handler 응답이 기본적으로 캐싱됐지만, Next.js 15부터 uncached-by-default로 변경됐다. 캐싱이 필요한 경우 명시적으로 설정해야 한다
  • Client Router Cache 변경: 클라이언트 라우터 캐시도 동일하게 uncached-by-default로 전환됐다. 이전 동작에 의존하던 앱은 마이그레이션 시 주의가 필요하다
  • expireTime 설정: next.config.js에서 configurable expireTime을 통해 stale-while-revalidate 등 Cache-Control 디렉티브를 self-hosted 환경에서 직접 제어할 수 있게 됐다
  • Turbopack stable: 개발 서버용 Turbopack이 공식 안정화됐으며 증분 빌드를 통해 코드 업데이트 속도가 기존 Webpack 대비 90% 빠르다
  • Turbopack 빌드 단계: 개발 서버 안정화 이후 이제 production 빌드 최적화에 집중, 진행 상황은 areweturboyet.com/build에서 확인 가능하다
  • 세 가지 핵심 원칙: Make it work(App Router 예측 가능한 데이터 페칭/렌더링 개선), Make it right(Turbopack stable), Make it fast(유연한 캐싱 API) 순서로 발전 방향을 제시했다
  • 스케일: 주 7백만 다운로드, Stack Overflow 설문 기준 세계에서 가장 인기 있는 프론트엔드 프레임워크로 기록됐다
왜 읽나Next.js 15로의 업그레이드를 검토 중이거나 캐싱 기본값 변경의 영향을 파악해야 하는 Next.js 개발자에게 핵심 변경 사항을 빠르게 정리한 레퍼런스다.
vercel-blog
Vercel Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2
  2. 프론트엔드·vercel-blogVercel Blog·

    Vercel과 Shopify의 Hydrogen 전면 재설계

    Vercel과 Shopify가 Hydrogen을 오픈소스·런타임 무관 프레임워크로 전면 재설계했다. 기존 Hydrogen은 빠른 헤드리스 스토어프런트 배포를 지원했지만 플랫폼 종속성이 있었고, 새 버전은 Svelte, Nuxt, Next.js 등 어느 JavaScript 프레임워크에서도 동작한다. 3레이어 아키텍처(코어/클라이언트/서버)로 재구성하면서 각 레이어가 명확한 역할을 분담한다.

    #react#nextjs#i18n+2
  3. 프론트엔드·토스 SLASH토스 SLASH·

    es-toolkit: 사내 소형 라이브러리에서 글로벌 프로젝트로

    토스 프론트엔드 팀이 사내 공유 유틸리티 라이브러리를 발전시켜 만든 es-toolkit이 주간 npm 다운로드 2,000만 건을 넘기며 글로벌 오픈소스 프로젝트로 자리 잡은 과정을 다룬다. lodash의 구조적 한계를 넘어 현대 웹 개발 환경에 최적화된 유틸리티 라이브러리를 처음부터 설계한 경험을 정리한다.

    #lodash#open-source#tree-shaking+2