Web向けのReactフレームワーク
世界最大級の企業で採用されているNext.jsは、 Reactコンポーネントの力を活用し、高品質なWebアプリケーションを構築できます。
Next.jsには何が含まれていますか？
Web上で素晴らしい製品を構築するために必要なすべて。
オリジナル
1440px
375px
組み込みの最適化
UXとCore Web Vitalsを向上させるための自動画像、フォント、スクリプトの最適化。
データフェッチング
Reactコンポーネントを非同期にしてデータを待機させます。Next.jsはサーバーサイドとクライアントサイド両方のデータフェッチングをサポートしています。
サーバーアクション
関数を呼び出すことでサーバーコードを実行します。APIは不要です。キャッシュされたデータを簡単に再検証し、1回のネットワークラウンドトリップでUIを更新できます。
高度なルーティングとネストされたレイアウト
ファイルシステムを使用してルートを作成し、より高度なルーティングパターンとUIレイアウトをサポートします。
組み込みの最適化
UXとCore Web Vitalsを向上させるための自動画像、フォント、スクリプトの最適化。
Reactサーバーコンポーネント
追加のクライアントサイドJavaScriptを送信することなくコンポーネントを追加します。最新のReact機能に基づいて構築されています。
データフェッチング
Reactコンポーネントを非同期にしてデータを待機させます。Next.jsはサーバーサイドとクライアントサイド両方のデータフェッチングをサポートしています。
サーバーアクション
関数を呼び出すことでサーバーコードを実行します。APIは不要です。キャッシュされたデータを簡単に再検証し、1回のネットワークラウンドトリップでUIを更新できます。
高度なルーティングとネストされたレイアウト
ファイルシステムを使用してルートを作成し、より高度なルーティングパターンとUIレイアウトをサポートします。
動的HTMLストリーミング
App RouterとReact Suspenseと統合された、サーバーからのUIの即時ストリーミング。
CSSサポート
CSS Modules、Tailwind CSS、人気のあるコミュニティライブラリなど、お気に入りのツールでアプリケーションをスタイル設定できます。
ルートハンドラー
認証処理やWebhookのリッスンなど、サードパーティサービスと安全に接続するためのAPIエンドポイントを構築します。
ミドルウェア
受信リクエストを制御します。コードを使用して、認証、実験、国際化のためのルーティングとアクセスルールを定義します。
クライアントとサーバーのレンダリング
ページごとのIncremental Static Regeneration（ISR）を含む、柔軟なレンダリングとキャッシュオプション。
Next.js 15
フルスタックの力をフロントエンドへ。リリースノートを読む。
組み込みの最適化
UXとCore Web Vitalsを向上させるための自動画像、フォント、スクリプトの最適化。
動的HTMLストリーミング
App RouterとReact Suspenseと統合された、サーバーからのUIの即時ストリーミング。
Reactサーバーコンポーネント
追加のクライアントサイドJavaScriptを送信することなくコンポーネントを追加します。最新のReact機能に基づいて構築されています。
データフェッチング
Reactコンポーネントを非同期にしてデータを待機させます。Next.jsはサーバーサイドとクライアントサイド両方のデータフェッチングをサポートしています。
サーバーアクション
関数を呼び出すことでサーバーコードを実行します。APIは不要です。キャッシュされたデータを簡単に再検証し、1回のネットワークラウンドトリップでUIを更新できます。
高度なルーティングとネストされたレイアウト
ファイルシステムを使用してルートを作成し、より高度なルーティングパターンとUIレイアウトをサポートします。
CSSサポート
CSS Modules、Tailwind CSS、人気のあるコミュニティライブラリなど、お気に入りのツールでアプリケーションをスタイル設定できます。
ルートハンドラー
認証処理やWebhookのリッスンなど、サードパーティサービスと安全に接続するためのAPIエンドポイントを構築します。
ミドルウェア
受信リクエストを制御します。コードを使用して、認証、実験、国際化のためのルーティングとアクセスルールを定義します。
クライアントとサーバーのレンダリング
ページごとのIncremental Static Regeneration（ISR）を含む、柔軟なレンダリングとキャッシュオプション。
Next.js 15
フルスタックの力をフロントエンドへ。リリースノートを読む。
数秒で始める
Next.jsをVercelにデプロイ
Next.jsボイラープレート
create-next-appによるNext.jsスターター。
画像ギャラリースターター
Next.jsとCloudinaryで構築された画像ギャラリー。
Next.jsコマース
高性能Eコマースサイト向けのオールインワン・スターターキット。
大切なときに選ばれるフレームワーク
**パフォーマンス**、**効率性**、そして 開発者エクスペリエンスのために. Next.jsは、ウェブ上の最大手企業の一部から信頼されています。
お客様の声
Next.jsを使用することで、累積レイアウトシフト（CLS）の平均値が常に0.09以下になり、ユーザーエクスペリエンスとCore Web Vitalsにおいて当社のサイトがトップクラスに位置付けられました。
Next.jsを使用することで、Frame.ioのUIは100ミリ秒以内にユーザー入力に反応し、すべてのアニメーションが60fpsで安定して動作します。
Next.jsは、私たち代理店の業務やチームコラボレーションにとって、まさに画期的な存在です。その強力な機能により、これまでになく迅速かつ効率的に高性能なウェブサイトを構築できるようになりました。