Vercel による Next.js - React フレームワーク | Vercel による Next.js

2025年10月21日

+1

Next.js 16

Next.js 16 がリリースされました。開発者体験、ルーティング、キャッシングが大幅に改善されています。主な変更点は以下の通りです。

コンポーネントのキャッシュ: Partial Pre-Rendering (PPR) と use cache を活用した、インスタントなナビゲーションを実現する新しいプログラミングモデル。
Turbopack (安定版): すべてのアプリケーションでデフォルトのバンドラーに。
Turbopack ファイルシステムキャッシュ (ベータ版): さらに高速な起動とコンパイル時間。
React コンパイラサポート (安定版): 自動メモ化のための組み込み統合。
ルーティングの強化: ナビゲーションとプリフェッチの最適化。
ビルドアダプター API (アルファ版): カスタムアダプターを作成してビルドプロセスを変更。
キャッシング API の改善: 新しい updateTag()、refresh()、および改良された revalidateTag()。
React 19.2: View Transitions, useEffectEvent(), <Activity/>。
破壊的変更: 非同期パラメータ、画像デフォルト値など。

2025年10月9日

+2

Next.js 16 (ベータ版)

Next.js 16 ベータ版がリリースされました。開発者体験、ルーティング、キャッシングが大幅に改善されています。主な変更点は以下の通りです。

Turbopack (安定版): すべてのアプリケーションでデフォルトのバンドラーに。
Turbopack ファイルシステムキャッシュ (ベータ版): さらに高速な起動とコンパイル時間。
React コンパイラサポート (安定版): 自動メモ化のための組み込み統合。
ルーティングの強化: ナビゲーションとプリフェッチの最適化。
ビルドアダプター API (アルファ版): カスタムアダプターを作成してビルドプロセスを変更。
キャッシング API の改善: 新しい updateTag() と改良された再検証。
React 19.2: View Transitions, useEffectEvent(), <Activity/>。
破壊的変更: 非同期パラメータ、画像デフォルト値など。

2025年8月18日

Next.js 15.5

Next.js 15.5 には、Turbopack ビルド (ベータ版)、安定版 Node.js ミドルウェア、TypeScript の改善、next lint の廃止、Next.js 16 の廃止警告が含まれます。このリリースでの主な改善点は以下の通りです。

Turbopack ビルド (ベータ版): 本番環境向け Turbopack ビルド (next build --turbopack) がベータ版になりました。
Node.js ミドルウェア (安定版): ミドルウェアの Node.js ランタイムサポートが安定版になりました。
TypeScript の改善: 型付けされたルート、ルートエクスポート検証、ルート型ヘルパー。
next lint: next lint コマンドの廃止。
Next.js 16: Next.js 16 の廃止警告。

2025年7月14日

Next.js 15.4

Next.js 15.4 には、パフォーマンス、安定性、Turbopack 互換性のアップデートが含まれます。このリリースでの主な改善点は以下の通りです。

Turbopack ビルド: next build --turbopack の 100% 統合テスト互換性。
安定性の改善: Next.js および Turbopack における多数の安定性とパフォーマンスの改善。

このブログ記事では、次期メジャーリリースとなる Next.js 16 で提供される機能の初期プレビューも紹介しています。

2025年4月9日

+3

Next.js 15.3

Next.js 15.3 には、ビルド用の Turbopack、新しいクライアントインストルメンテーションとナビゲーションフックなどが含まれています。

2025年2月28日

Next.js で API を構築する

このガイドでは、プロジェクトのセットアップ、App Router と Route Handlers の理解、複数の HTTP メソッドの処理、動的ルーティングの実装、再利用可能なミドルウェアロジックの作成、そして専用 API レイヤーの立ち上げ時期の判断方法など、Next.js で API を構築する方法を解説します。

2025年2月26日

+5

Next.js 15.2

Next.js 15.2 には、エラーデバッグ、メタデータ、Turbopack などのアップデートが含まれています。

2025年1月3日

Next.js でのコンポーザブルなキャッシング

私たちは、Next.js のためのシンプルかつ強力なキャッシングモデルに取り組んでいます。以前の投稿では、キャッシングの道のりと、'use cache' ディレクティブに至る経緯についてお話ししました。

2024年12月10日

Next.js 15.1

Next.js 15.1 では、コアのアップグレード、新しい API、開発者体験の改善が含まれています。

2024年10月24日

キャッシングの道のり

フロントエンドのパフォーマンスを正しく実現するのは難しいことがあります。高度に最適化されたアプリケーションでさえ、最も一般的な原因はクライアント・サーバー間のウォーターフォールです。Next.js App Router を導入するにあたり、この問題を解決したいと考えていました。そのために、クライアント・サーバー間の REST フェッチを、React Server Components を使用して単一のラウンドトリップでサーバーに移行する必要がありました。これは、サーバーが動的になる場合があることを意味し、Jamstack の優れた初期ロードパフォーマンスを犠牲にすることになります。私たちは、このトレードオフを解決し、両方の長所を得るために Partial Prerendering を構築しました。

2024年10月21日

Next.js 15

最高の開発者体験を創造するという私たちの使命は、Next.js 15 でも続いています。

2024年10月21日

Turbopack Dev が安定版になりました

長い道のりでしたが、next dev --turbo が安定版となり、開発体験を高速化する準備が整ったことをお知らせできることを嬉しく思います。

2024年10月15日

+3

Next.js 15 RC 2

Next.js 15 Release Candidate (RC) が利用可能になりました。この早期バージョンでは、今後の安定版リリース前に最新の機能をテストできます。

2024年5月23日

Next.js 15 RC

Next.js 15 Release Candidate (RC) が利用可能になりました。この早期バージョンでは、今後の安定版リリース前に最新の機能をテストできます。

2024年4月11日

Next.js 14.2

Next.js 14.2 には、開発、本番環境、キャッシングの改善が含まれています。

2024年1月18日

Next.js 14.1

Next.js 14.1 には、開発者体験の改善が含まれています。

2023年10月26日

Next.js 14

Next.js Conf で発表したように、Next.js 14 は最も注力したリリースであり、以下の特徴があります。

Turbopack
- ローカルサーバー起動が53% 高速化
- コード更新が94% 高速化
サーバーアクション (安定版)
Partial Prerendering (プレビュー)
Next.js Learn (新規)

2023年10月23日

Next.js におけるセキュリティの考え方

App Router の React Server Components (RSC) は、従来の多くの冗長性と潜在的なリスクを排除する新しいパラダイムです。新しいため、開発者やセキュリティチームは、既存のセキュリティプロトコルをこのモデルに適合させるのに苦労する場合があります。

2023年9月19日

Next.js 13.5

Next.js 13.5 は、ローカル開発のパフォーマンスと信頼性を向上させます。

2023年6月22日

Next.js App Router アップデート

次期リリース (および今後数ヶ月) では、以下の領域に注力します。

パフォーマンス
安定性
開発者体験

2023年5月4日

Next.js 13.4

Next.js 13.4 は、App Router の安定化をマークする基盤となるリリースです。

2023年4月6日

Next.js 13.3

Next.js 13.3 では、コミュニティから要望の多かった機能が追加され、App Router が安定版になる前の最後のリリースとなります。主な機能は以下の通りです。

2023年2月23日

+1

Next.js 13.2

Next.js 13.2 には、App Router (app) の安定化に向けた大幅な改善が含まれています。

2022年12月22日

Next.js 13.1

Next.js 13.1 では、pages ディレクトリと app ディレクトリの両方が改善されました。

2022年10月25日

+8

Next.js 13

Next.js Conf で発表したように、Next.js 13 (安定版) は、制限のない動的な機能のための基盤を築きます。

2022年9月8日

+5

Next.js 12.3

Next.js 12.3 では、いくつか品質向上のための改善を行いました。

2022年6月28日

+8

Next.js 12.2

Next.js の未来のための基盤を 12.2 で築いています。

2022年5月23日

+1

Layouts RFC

この RFC は、Next.js が 2016 年に導入されて以来、最大のアップデートの概要を示しています。

ネストされたレイアウト: 複雑なアプリケーションをネストされたルートで構築。
Server Components 向けに設計: サブツリーナビゲーションに最適化。
データ取得の改善: レイアウトでウォーターフォールを回避しながらデータを取得。
React 18 の機能を使用: ストリーミング、Transitions、Suspense。
クライアントおよびサーバールーティング: サーバー中心のルーティングと SPA のような動作。
100% インクリメンタルに採用可能: 破壊的変更なしで段階的に採用できます。
高度なルーティング規約: オフスクリーンスタッシング、インスタントトランジションなど。

2022年2月17日

+9

Next.js 12.1

Next.js 12.1 では、最も要望の多かった機能の 1 つをリリースできることを嬉しく思います。

2021年10月26日

+9

Next.js 12

Next.js Conf で発表したように、Next.js 12 はこれまでの最大のリリースです。

2021年8月11日

+5

Next.js 11.1

Next.js 11.1 では、スタック全体にわたってビルドパフォーマンスを向上させています。

2021年6月15日

+1

Next.js 11

最高の開発者体験を創造するという私たちの使命は、Next.js 11 でも続いています。

2021年4月28日

+2

Next.js 10.2

Next.js 10.2 のリリースを発表できることを嬉しく思います。

2021年3月29日

+5

Next.js 10.1

Next.js 10.1 のリリースを発表できることを嬉しく思います。

2020年11月18日

Next.js の段階的採用

Next.js は段階的な採用のために設計されています。Next.js を使用すると、既存のコードを使い続け、必要なだけ React を追加できます。小さく始めて、ページを段階的に追加することで、完全な書き直しを回避し、機能開発を遅延させることを防げます。

多くの企業は、コスト削減、開発者の生産性向上、顧客への最高の体験提供のために、技術スタックを最新化する必要があります。コンポーネント駆動開発は、最新のコードベースのデプロイメント速度と再利用性を大幅に向上させました。

そして、月間 800 万ダウンロード以上の React は、開発者にとって主要なコンポーネント駆動の選択肢です。本番環境向けの React フレームワークである Next.js は、React を段階的に採用することを可能にします。

2020年10月27日

+5

Next.js 10

Next.js 10 のリリースを発表できることを嬉しく思います。

2020年7月27日

+3

Next.js 9.5

Next.js 9.5 のリリースを発表できることを嬉しく思います。

2020年5月11日

+2

Next.js 9.4

Next.js 9.4 のリリースを発表できることを嬉しく思います。

2020年3月9日

+2

Next.js 9.3

Next.js 9.3 のリリースを発表できることを嬉しく思います。

2020年1月15日

+1

Next.js 9.2

本番環境対応の Next.js 9.2 のリリースを発表できることを嬉しく思います。

2020年1月6日

+1

Next.js 9.1.7

Next.js 9 は 6 か月前にリリースされ、その後 Next.js 9.1 が 3 か月前にリリースされました。これらの 2 つのリリースにより、ベースラインのクライアントランタイムサイズを増加させることなく、Next.js に非常に強力な新機能が追加されました。

それ以降、フレームワーク全体のリファインと改善に重点を置いてきました。 9.1.1、9.1.2、9.1.3、9.1.4、9.1.5、9.1.6、および 9.1.7。

これらのリリースで何が改善されたか見ていきましょう！

2019年10月9日

Create Next App の紹介

本日、新しい Create Next App を発表できることを嬉しく思います。

Create Next App は、1 つのコマンドで Next.js を搭載したモダンな React アプリケーションをセットアップします。

2019年10月7日

+1

Next.js 9.1

本日、src および public ディレクトリのサポートを搭載した Next.js 9.1 を発表できることを嬉しく思います。

今回のリリースでの新機能

今回のリリースでのプレビュー

2019年9月30日

+2

Next.js 9.0.7

Next.js 9.0 は約 2 か月前にリリースされました。それ以来、7 つの小規模ながら非常に重要なリリースを行ってきました: 9.0.1、9.0.2、9.0.3、9.0.4、9.0.5、9.0.6、および 9.0.7。

これらのリリースで何が改善されたか見ていきましょう。破壊的変更は一切ありません。

2019年7月8日

+3

Next.js 9

本日、TypeScript サポート、ダイナミックルーティング、API Routes、自動静的最適化などを搭載した Next.js 9 を発表できることを嬉しく思います！

2019年4月16日

+2

Next.js 8.1

本日、Next.js のエクスペリエンスを AMP ページ作成にまで拡張したことを発表できることを嬉しく思います。

2019年4月2日

+2

Next.js 8.0.4

本番環境対応の Next.js 8.0.4 をご紹介できることを嬉しく思います。

2019年3月28日

Styled JSX で Next.js をスタイリングする

Styled JSX は、コンポーネントをスタイリングするためにカプセル化されたスコープ付き CSS を記述できる CSS-in-JS ライブラリです。1 つのコンポーネントのために導入したスタイルは他のコンポーネントに影響を与えないため、意図しない副作用を心配することなく、スタイルの追加、変更、削除ができます。

2019年2月19日

Next.js 8 Webpack メモリの改善

最近 Next.js 8 が導入されました。このリリースには、ビルド時のメモリ使用量の劇的な削減が含まれています。このブログ投稿では、コミュニティのために webpack を最適化する方法を説明します。

2019年2月11日

Next.js 8

本日、本番環境対応の Next.js 8 のリリースを発表できることを誇りに思います。