コンテンツへスキップ
チケットを入手

Next.jsに含まれるものは?

Web上で優れた製品を構築するために必要なすべて。

オリジナル
1440px
375px
組み込みの最適化
UXとコアWebバイタルの改善のための画像、フォント、およびスクリプトの自動最適化。
データフェッチ
Reactコンポーネントをasyncにしてデータをawaitします。Next.jsはサーバーとクライアント両方のデータフェッチをサポートしています。
サーバーアクション
関数を呼び出すことでサーバーコードを実行します。APIをスキップします。その後、キャッシュされたデータを簡単に再検証し、1回のネットワークラウンドトリップでUIを更新します。
高度なルーティングとネストされたレイアウト
より高度なルーティングパターンとUIレイアウトのサポートを含め、ファイルシステムを使用してルートを作成します。
Three abstract images are resized at three different sizes and stacked on top of each otherThree abstract images are resized at three different sizes and stacked on top of each other
組み込みの最適化
UXとコアWebバイタルの改善のための画像、フォント、およびスクリプトの自動最適化。
3D球体の木構造が線で接続されています3D球体の木構造が線で接続されています
Reactサーバーコンポーネント
追加のクライアントサイドJavaScriptを送信せずにコンポーネントを追加します。最新のReact機能を基盤に構築されています。
データフェッチ
Reactコンポーネントをasyncにしてデータをawaitします。Next.jsはサーバーとクライアント両方のデータフェッチをサポートしています。
サーバーアクション
関数を呼び出すことでサーバーコードを実行します。APIをスキップします。その後、キャッシュされたデータを簡単に再検証し、1回のネットワークラウンドトリップでUIを更新します。
高度なルーティングとネストされたレイアウト
より高度なルーティングパターンとUIレイアウトのサポートを含め、ファイルシステムを使用してルートを作成します。
動的なHTMLストリーミング
App RouterとReact Suspenseに統合された、サーバーからのUIを即座にストリーミングします。
CSSサポート
CSS Modules、Tailwind CSS、および人気のあるコミュニティライブラリのサポートを含め、お気に入りのツールでアプリケーションをスタイリングします。
ルートハンドラー
認証を処理したり、Webhooksをリッスンしたりするために、サードパーティサービスと安全に接続するためのAPIエンドポイントを構築します。
ミドルウェア
着信リクエストを制御します。認証、実験、および国際化のためのルーティングとアクセスルールを定義するためにコードを使用します。
クライアントとサーバーレンダリング
ページレベルでのインクリメンタル静的再生成(ISR)を含む、柔軟なレンダリングとキャッシュオプション。
Next.js 14
フロントエンドへのフルスタックの力。リリースノートをお読みください。
Three abstract images are resized at three different sizes and stacked on top of each otherThree abstract images are resized at three different sizes and stacked on top of each other
組み込みの最適化
UXとコアWebバイタルの改善のための画像、フォント、およびスクリプトの自動最適化。
動的なHTMLストリーミング
App RouterとReact Suspenseに統合された、サーバーからのUIを即座にストリーミングします。
A tree structure of 3D spheres are connected by linesA tree structure of 3D spheres are connected by lines
Reactサーバーコンポーネント
追加のクライアントサイドJavaScriptを送信せずにコンポーネントを追加します。最新のReact機能を基盤に構築されています。
データ取得
Reactコンポーネントを非同期にして、データをawaitしてください。Next.jsは、サーバーとクライアントの両方のデータ取得をサポートしています。
サーバーアクション
関数を呼び出してサーバーコードを実行します。APIをスキップできます。その後、キャッシュされたデータを簡単に再検証し、1回のネットワークラウンドトリップでUIを更新します。
高度なルーティングとネストされたレイアウト
より高度なルーティングパターンとUIレイアウトのサポートを含め、ファイルシステムを使用してルートを作成します。
CSSサポート
CSS Modules、Tailwind CSS、および一般的なコミュニティライブラリのサポートを含め、お気に入りのツールでアプリケーションをスタイル設定します。
ルートハンドラー
認証の処理やwebhookのリスニングのために、サードパーティサービスと安全に接続するためのAPIエンドポイントを構築します。
ミドルウェア
受信リクエストを制御します。認証、実験、国際化のためのルーティングとアクセスルールを定義するためにコードを使用します。
クライアントとサーバーレンダリング
ページレベルでのインクリメンタル静的再生成(ISR)など、柔軟なレンダリングおよびキャッシュオプション。
Next.js 14
フロントエンドへのフルスタックの力。リリースノートをお読みください。

数秒で開始

Next.jsをVercelにデプロイ

VercelはNext.jsの作成者が提供するフロントエンドクラウドであり、Next.jsをすぐに使い始めることができます。

Vercelおよびコミュニティからの既製のソリューションで、Next.jsの開発を加速します。

Vercelにテンプレートをデプロイ

重要な場面で 選ばれるフレームワーク

パフォーマンス効率、そして 開発者エクスペリエンスのために. Next.jsは、ウェブ上の大手企業から信頼されています。

Next.jsショーケースを見る

お客様の声

Next.jsをヘッドレス技術スタックの中心に据えることで、開発者は迅速かつスピーディーに機能を作成できるようになり、最終的にユーザーはいつでも好きなものを作成できるようになります。

Tatiana Mac, シニアソフトウェアエンジニア

お客様からのUXフィードバックで一番嬉しいのは、「なぜこんなにアプリが速いのか?」というものです。Next.jsとVercelを最初から採用したことで、ミッションクリティカルなソフトウェアにとって重要なページが瞬時に読み込まれます。

Fouad Matin, CEO

Next.jsは、私たちのアジェンシー業務とチームコラボレーションにとってゲームチェンジャーとなっています。その強力な機能により、これまでになく迅速かつ効率的に高性能なウェブサイトを構築できるようになりました。

Daniel Lopes, フロントエンド開発者