NextJs 안정 버전 출시: 새로운 기능은 무엇인가요?

Next.js가 판도를 바꾸는 폭탄을 발표하여 Next.js Conf 이전 Next.js 15의 안정 버전을 출시했습니다. – 그리고 그것은 정말 미쳤습니다! ?

다음은 Next.js 15에 포함된 놀라운 새 업데이트와 기능 중 일부입니다.

• @next/codemod CLI를 통한 향상된 업그레이드: Next.js 15에는 최신 Next.js 및 React 버전으로 더 쉽게 업그레이드할 수 있는 새로운 codemod CLI가 포함되어 있습니다. CLI는 종속성을 업데이트하고 사용 가능한 codemod를 표시하며 적용에 대한 지침을 제공합니다.
• 비동기 요청 API: 헤더, 쿠키, 매개변수, searchParams 등 요청별 데이터에 의존하는 API가 비동기식으로 전환되었습니다. 이 변경 사항은 쿠키, 헤더,draftMode, params(다양한 컨텍스트에서) 및 searchParams와 같은 API에 영향을 미칩니다. 이는 획기적인 변경이지만 마이그레이션에 도움이 되는 codemod를 사용할 수 있습니다.
• 캐싱 의미 변경: Next.js 15에서는 가져오기 요청, GET 경로 핸들러 및 클라이언트 라우터 캐시에 대한 기본 캐싱 동작을 변경합니다. 이제 기본적으로 캐시되지 않습니다. 필요한 경우 캐싱을 선택할 수 있습니다.
  • 가져오기 요청은 이제 기본 캐시 옵션으로 no-store를 사용합니다. 즉, 기본적으로 캐시되지 않습니다. 캐시 옵션을 강제 캐시로 설정하여 캐싱을 선택할 수 있습니다.
  • GET 경로 핸들러도 기본적으로 캐시되지 않습니다. 정적 경로 구성 옵션을 사용하여 캐싱을 선택할 수 있습니다.
  • 클라이언트 라우터 캐시는 더 이상 기본적으로 페이지 구성 요소를 캐시하지 않습니다. next.config.ts에서 staleTime을 설정하여 이전 동작으로 되돌릴 수 있습니다.
• React 19 지원: Next.js 15는 실험적인 React Compiler를 포함하여 React 19를 지원합니다.
  • App Router는 React 19 RC를 사용하는 반면, Pages Router는 React 18에 대한 이전 버전과의 호환성이 유지됩니다. 동일한 애플리케이션에서 페이지 라우터용 React 18과 앱 라우터용 React 19를 사용하는 것은 잠재적인 불일치로 인해 권장되지 않습니다.
  • React Compiler는 수동 메모를 줄여 코드를 단순화하는 것을 목표로 하지만 아직 실험 단계이므로 빌드 시간이 느려질 수 있습니다.
• 안정적인 Turbopack Dev: 새로운 Rust 기반 빌드 시스템인 Turbopack은 이제 개발 모드(next dev --turbo)에서 안정적입니다. 서버 시작, 빠른 새로 고침 및 초기 경로 컴파일에서 상당한 성능 향상을 제공합니다.
• 정적 경로 표시기: 이 새로운 시각적 표시기는 개발 중에 정적 경로와 동적 경로를 식별하는 데 도움이 됩니다.
• unstable_after API: 불안정한_after API를 사용하면 응답 스트리밍이 완료된 후 코드 실행이 가능합니다. 이는 로깅 및 분석과 같이 사용자를 차단할 필요가 없는 작업에 특히 유용합니다.
• instrumentation.js API: 이 API를 사용하면 개발자는 성능 추적 및 오류 분석에 도움이 되는 Next.js 서버 수명 주기 이벤트를 모니터링할 수 있습니다.
• <양식> Component: 새로운
  구성 요소는 프리패치, 클라이언트측 탐색, 점진적인 향상과 같은 기능을 통해 양식 처리를 단순화합니다.
• next.config.ts의 TypeScript 지원: Next.js 15는 TypeScript next.config.ts 파일을 지원하여 구성 옵션에 대한 유형 안전성과 자동 완성 기능을 제공합니다.
• 자체 호스팅 개선: Next.js 15는 자체 호스팅을 위한 Cache-Control 헤더에 대한 더 많은 제어 기능을 제공하고 Sharp를 자동으로 사용하여 이미지 최적화를 단순화하며 자체 호스팅에 대한 데모 및 튜토리얼 비디오를 포함합니다. .
• 향상된 서버 작업 보안: Next.js는 이제 빌드 프로세스 중에 사용되지 않는 서버 작업을 제거하고 클라이언트 측 참조에 예측할 수 없는 ID를 활용하여 보안을 강화합니다.
• 외부 패키지 번들링: Next.js 15는 앱 라우터와 페이지 라우터 모두에서 외부 패키지를 번들링하기 위한 보다 일관된 구성 옵션을 제공합니다. serverExternalPackages 옵션을 사용하면 통합 관리가 가능합니다.
• ESLint 9 지원: Next.js 15에서는 ESLint 8과의 이전 버전 호환성을 유지하면서 ESLint 9에 대한 지원을 도입합니다. 업데이트에는 다음 Lint에서 더 이상 사용되지 않는 옵션 제거 및 eslint-plugin-react-로의 업그레이드도 포함됩니다. 버전 5.0.0에 연결됩니다.
• 개발 및 빌드 개선:
  • 서버 구성 요소 핫 모듈 교체(HMR)를 개선하여 로컬 개발 성능을 향상했습니다.
  • 최적화된 렌더링 프로세스와 작업자 간 공유 가져오기 캐시를 통해 앱 라우터에서 더 빠른 정적 생성이 가능합니다.
  • 고급 사용 사례를 위한 실험적인 정적 생성 제어가 도입되었지만 리소스 소비가 증가할 수 있으므로 주의가 필요합니다.
• 기타:
  • 다음/이미지, 미들웨어, 다음/글꼴, 캐싱, 구성 옵션, 속도 통계, 사이트맵, 동적 경로, 재검증 등과 같은 다양한 영역에 걸쳐 획기적인 변경 및 개선이 이루어졌습니다.
  • 메타데이터 처리, 트리 쉐이킹, 병렬 경로, 오류 처리, 미리 가져오기 및 기타 여러 측면이 전반적으로 개선되었습니다.

---

"Next.js 15 릴리스에서는 의도하지 않은 서버 측 기능 노출 문제를 어떻게 해결합니까?"라는 질문이 생깁니다.

Next.js 15 릴리스에는 서버측 기능, 특히 서버 작업의 의도치 않은 노출을 해결하기 위한 두 가지 향상된 기능이 도입되었습니다.

• 데드 코드 제거: 애플리케이션에서 사용되지 않는 서버 액션은 다음 빌드 프로세스에서 자동으로 제거됩니다. 이렇게 하면 ID가 클라이언트측 JavaScript 번들에 노출되고 공개 엔드포인트를 생성하는 것을 방지할 수 있습니다.
• 보안 작업 ID: Next.js 15는 추측할 수 없고 결정적이지 않은 서버 작업용 ID를 생성하므로 공격자가 추측하고 직접 액세스하기 어렵습니다. 이러한 ID는 보안을 더욱 강화하기 위해 빌드 간에 주기적으로 다시 계산됩니다.

이러한 조치가 서버 작업 노출 위험을 완전히 제거하지는 않는다는 점에 유의하는 것이 중요합니다. 개발자는 여전히 서버 작업을 공개 HTTP 엔드포인트로 취급하고 중요한 데이터와 기능을 보호하기 위해 적절한 보안 조치를 구현해야 합니다.

위 내용은 NextJs 안정 버전 출시: 새로운 기능은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!