OpenAINext.js2018/05/16 21:04

Next.js 6 and Nextjs.org

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

元記事

Quick Digest

要約

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

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

Next.js 6 と nextjs.org の公開

Key Points

  • ゼロ構成静的エクスポート
  • pages/_app.js導入
  • Babel 7 と TypeScript

Summary

Next.js 6 が production-ready としてリリースされ、ゼロ構成の静的エクスポート、自動ルートマップ、pages/_app.js の導入、Babel 7(JSX Fragment)対応、ネストした .babelrc、TypeScript サポート強化などが含まれます。公式ドキュメントと学習コンテンツ、ショーケースは nextjs.org に統合されました。

Key Points

  • ゼロ構成静的エクスポート: 通常は next.config.js を変更せずに next buildnext export で静的出力が可能。pages/ の内容から自動でルートマップを生成。
  • pages/_app.js の導入: アプリ全体のトップレベルコンポーネント (pages/_app.js) を用いてページ遷移アニメーション、グローバルな Redux/Apollo プロバイダ、componentDidCatch によるエラーバウンダリを実装しやすくなる。
  • Babel 7 と Fragment 構文: Babel 7 にアップグレードされ、<>...</> の JSX フラグメントが利用可能。ネストしたディレクトリ毎の .babelrc をサポート。
  • TypeScript 支援: Babel 7 の TypeScript サポートを活用可能。既存ワークフローには @zeit/next-typescript を導入して移行。
  • nextjs.org の統合: ドキュメント (/docs)、ステップ学習 (/learn)、ショーケース (/showcase) が一箇所にまとまり、常に最新の安定版に同期される。

Migration / Practical Notes

  • 高度なカスタムルーティングを使わない限り、既存の next.config.js を編集する必要はない。
  • 静的エクスポートしたファイルは Vercel 等の静的ホスティングへそのままデプロイ可能。
  • Babel/TypeScript の導入は依存パッケージのアップデートとテストを行ってから段階的に移行することを推奨。

Full Translation

翻訳

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

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

Next.js 6 と Nextjs.org

Next.js 6 と Nextjs.org

Next.js 6 は以下を特徴とするリリースです:

  • zero-configuration static exports
  • App Component
  • Babel 7
  • その他多数の改善と新機能

詳細は Nextjs.org をご覧ください。

Next.js 6 と Nextjs.org | Next.js | DocsDigest