OpenAINext.js2018/06/27 19:50

Next.js 6.1

要点だけを先に読めるように短く再構成したセクションです。

元記事

Quick Digest

要約

要点だけを先に読めるように短く再構成したセクションです。

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

Next.js 6.1 リリース — ホットリロード改善とコードモッド

Key Points

  • ホットリロードを標準Reactに近づける
  • pageExtensionsで自動hot-reload適用
  • url→withRouterを自動変換

Summary

Next.js 6.1 が正式リリースされました。主な目的は開発時の挙動を本番に近づけることと、アップグレードを簡単にするためのツール整備です。今回のリリースではホットリロードの信頼性向上、コードベースの整理、urlwithRouter 変換を自動化する codemod の提供、そして nextjs.org のオープンソース化が含まれます。

Key Points

  • react-hot-loader を依存から除外し、開発時の振る舞いをデフォルトの React に近づけた(ホットリロード自体は Next.js 内部で継続)。
  • pageExtensions に追加した拡張子(例: .ts, .tsx, .mdx)に対して自動的に hot-self-accept-loader が適用され、プラグイン側での追加実装は不要。
  • ビルド出力の整理: server/build がトップレベルの build に移動、.next/dist.next/server にリネーム。定数は constants.js に共通化、Flow 型を追加中。
  • 古い url プロパティは非推奨になり、withRouter を使う移行を促進する codemod (url-to-withrouter) を提供。例: jscodeshift -t ./url-to-withrouter.js pages/**/*.js
  • 今後の注目点: Webpack 4 によるビルド速度改善と、起動時間最適化のための next-server(サーバレス対応)の準備。

Action for Engineers

  • カスタムページ拡張子を使うプラグインは hot-self-accept-loader を明示的に追加する必要はありません。
  • url を使っているコードは提供される codemod を実行して withRouter に変換することを推奨。
  • ビルド出力パスや .next/dist に依存しているツールやスクリプトがあればパス変更(.next/server など)を確認・更新する。

Full Translation

翻訳

原文の流れを保ったまま読める翻訳セクションです。

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

Next.js 6.1

Next.js 6.1

Next.js 6.1 は、開発における信頼性と一貫性の向上を主な特徴とするリリースです。

主なポイント

  • 開発環境での信頼性の改善
  • 開発ワークフローの一貫性向上

概要

このリリースは、開発中に発生する問題を減らし、開発プロセス全体でより安定した挙動を提供することを目的としています。