OpenAINext.jsJan 6, 2020, 3:45 PM

Next.js 9.1.7

A condensed section focused on the key takeaways first.

Original Post

Quick Digest

Summary

A condensed section focused on the key takeaways first.

openaienmodel: gpt-5-mini-2025-08-07

Next.js 9.1.7 — smaller bundles, built-in polyfills, improved build output, and React Strict Mode

Key Points

  • Smaller client bundles (3–8%+, ~7.5kB)
  • Built-in polyfills: fetch, URL, Object.assign
  • React Strict Mode opt-in + nightly React testing

Summary

Next.js 9.1.7 focuses on runtime size reduction, clearer production build output, compatibility improvements, and developer ergonomics. Most changes are non‑breaking: upgrade by running npm i next@latest react@latest react-dom@latest.

Key Points

  • Client bundle size reductions (typical 3–4%, up to 6–8%+; ~7.5 kB saved on a hello-world app) through optimized JSX output and smaller polyfills.
  • New built-in differential polyfills for fetch(), URL, and Object.assign (removes many common dependency polyfills and avoids shipping bytes to modern browsers).
  • Redesigned production next build CLI: displays gzipped page sizes (excludes shared files) and classifies pages as Server, Static, or SSG; size thresholds colored for quick performance signaling (<130 kB green, 130–170 kB yellow, >170 kB red).
  • Page-loading improvements (CSS prioritized over JS, lower-priority/idle-time prefetching) to improve FCP and TTI.
  • Support for modern JS features including Optional Chaining (?.) and Nullish Coalescing (??) via the compiler.
  • next export now deploys to Vercel with zero config (just use next build && next export in your build script).
  • Full Next.js client runtime is React Strict Mode compatible and opt-in via module.exports = { reactStrictMode: true } in next.config.js.
  • Automated compatibility testing run against React’s nightly (next) builds to surface future regressions.

Upgrade notes

  • Non‑breaking release; update with npm i next@latest react@latest react-dom@latest and test.

Quick action items for engineers

  • Run the upgrade in staging and smoke-test pages for size/perf regressions.
  • Remove duplicate polyfill dependencies (e.g., whatwg-fetch, unfetch, url, object-assign) where unnecessary.
  • Consider enabling reactStrictMode incrementally to catch warnings early and prepare for future optimizations.

Full Translation

Translations

A translation section that keeps the flow of the original article.

openaijamodel: gpt-5-mini-2025-08-07

Next.js 9.1.7

Next.js 9.1.7

公開日: 2020-01-06

Next.js 9.1.7 は堅牢な基盤をさらに強化し、エンタープライズ対応の 9.1 リリースチャネルを改善します。クライアント側の JavaScript バンドルの縮小、再設計された CLI 出力、FCP/TTI の高速化など、さまざまな改善が含まれます。アップグレードを推奨します。

主な改善点

  • クライアント側の JavaScript バンドルが小型化
  • CLI 出力の再設計(見やすさの向上)
  • FCP / TTI の高速化(初回表示およびインタラクティブ化の改善)
  • その他の細かな最適化とバグ修正

アップグレードすることで、より小さなクライアントサイドバンドル、改良された開発体験、より速いページ表示が期待できます。