コンテンツへスキップ

Next.jsの最新ニュース

2025年2月28日

Next.jsでAPIを構築する

このガイドでは、プロジェクトのセットアップ、App RouterとRoute Handlersの理解、複数のHTTPメソッドの処理、動的ルーティングの実装、再利用可能なミドルウェアロジックの作成、そして専用APIレイヤーを構築すべきかどうかの決定を含め、Next.jsでAPIを構築する方法について説明します。

続きを読む

2025年1月3日

Next.jsでの構成可能なキャッシュ

Next.js向けにシンプルで強力なキャッシュモデルを開発中です。前回の投稿では、キャッシュとの取り組みと、`'use cache'` ディレクティブに至るまでの経緯について説明しました。

続きを読む

2024年10月24日

キャッシュとの取り組み

フロントエンドのパフォーマンスを最適化するのは難しい場合があります。高度に最適化されたアプリでも、最も一般的な原因はクライアントとサーバーのウォーターフォールです。Next.js App Routerを導入する際、この問題を解決したいと考えていました。そのためには、React Server Componentsを使用して、クライアントとサーバー間のRESTフェッチを単一のラウンドトリップでサーバーに移動する必要がありました。これは、サーバーが動的になる必要があり、Jamstackの優れた初期読み込みパフォーマンスを犠牲にする可能性があることを意味しました。このトレードオフを解決し、両方の長所を活かすために、部分的なプリレンダリングを構築しました。

続きを読む
続きを読む

2023年10月23日

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

App RouterのReact Server Components(RSC)は、従来のメソッドに関連する多くの冗長性と潜在的なリスクを排除する新しいパラダイムです。新しいため、開発者、そしてセキュリティチームは、既存のセキュリティプロトコルをこのモデルに合わせるのに課題を感じるかもしれません。

続きを読む

2022年5月23日

レイアウトRFC

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

  • ネストされたレイアウト: ネストされたルートを持つ複雑なアプリケーションを構築。
  • サーバーコンポーネント向け設計: サブツリーナビゲーションに最適化。
  • 改善されたデータフェッチ: ウォーターフォールを回避しながらレイアウトでフェッチ。
  • React 18機能の活用: ストリーミング、トランジション、サスペンス。
  • クライアントおよびサーバールーティング: SPAライクな動作を持つサーバー中心のルーティング。
  • 100%段階的に採用可能: 破壊的変更がないため、徐々に採用できます。
  • 高度なルーティング規約: オフスクリーンスタッシュ、インスタントトランジションなど。
続きを読む
続きを読む

2020年11月18日

Next.jsの段階的導入

Next.jsは、段階的な導入のために設計されています。Next.jsを使えば、既存のコードを使い続け、必要なだけ(あるいは少しだけ)Reactを追加できます。小さく始めて、徐々にページを追加していくことで、完全な書き換えを避け、機能開発を脱線させることなく進めることができます。

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

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

続きを読む
続きを読む
続きを読む
続きを読む

2020年1月6日

Next.js 9.1.7

Next.js 9は6ヶ月前にリリースされ、続いてNext.js 9.1が3ヶ月前にリリースされました。これら2つのリリースは、Next.jsに非常に強力な新機能を追加しましたが、ベースラインのクライアントランタイムサイズは増加していません。

それ以来、私たちはフレームワーク全体の洗練と改善に重点を置いてきました。9.1.19.1.29.1.39.1.49.1.59.1.6、そして9.1.7です。

これらのリリースが、皆さんのウェブサイトやアプリケーションにどのような改善をもたらしたか、破壊的変更なしで見ていきましょう!

続きを読む

2019年10月9日

Create Next Appの紹介

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

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

続きを読む

2019年9月30日

Next.js 9.0.7

Next.js 9.0は、約2ヶ月前にリリースされました。それ以来、私たちは7つの小規模ながら非常に重要なリリースで多忙でした: 9.0.19.0.29.0.39.0.49.0.59.0.6、そして9.0.7です。

これらのリリースが、皆さんのウェブサイトやアプリケーションにどのような改善をもたらしたか、破壊的変更なしで見ていきましょう。

続きを読む

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をコミュニティのために最適化するのにどのように貢献したかを探ります。

続きを読む
続きを読む

2018年9月19日

Next.js 7

26回のカナリアリリースと340万回のダウンロードを経て、本日、本番環境対応のNext.js 7を発表できることを誇りに思います。主な機能は以下の通りです。

続きを読む

2018年6月27日

Next.js 6.1

本日、本番環境対応のNext.js 6.1を発表できることを誇りに思います。主な機能は以下の通りです。

  • ホットリロードの信頼性向上
  • コードベースの改善
  • Next.jsコードモッド
続きを読む

2018年5月16日

Next.js 6とNextjs.org

本日、本番環境対応のNext.js 6を発表できることを誇りに思います。主な機能は以下の通りです。

  • ゼロコンフィグ静的エクスポート。デフォルトで`next.config.js`は不要
  • `_app.js`、ページトランジション、エラー境界などを可能にする拡張ポイント
  • Babel 7とFragment構文`<>`のサポート
  • セキュリティに重点を置いた拡張された統合テストスイート
  • コアコードベースのFlowアノテーション
続きを読む