アプリケーションの構築
Next.jsは、柔軟でフルスタックのウェブアプリケーションを作成するための構成要素を提供します。アプリケーションの構築のガイドでは、これらの機能の使用方法とアプリケーションの動作をカスタマイズする方法を説明します。
セクションとページは、基本から高度な内容まで順次整理されているため、Next.jsアプリケーションの構築時にステップバイステップで参照できます。ただし、任意の順序で読むことも、ユースケースに該当するページにスキップすることもできます。
Next.jsを初めて使用する場合は、ルーティング、レンダリング、データフェッチ、スタイリングのセクションから始めることをお勧めします。これらは、Next.jsと基本的なウェブの概念を紹介し、スタートアップに役立ちます。その後、最適化や設定などの他のセクションにさらに深く踏み込むことができます。最後に、準備ができたら、デプロイとアップグレードのセクションをご確認ください。
ルーティングの基本
フロントエンドアプリケーションのルーティングの基本を学びます。
データフェッチング
Next.jsでデータをフェッチ、キャッシュ、再検証、および変更する方法を学びます。
レンダリング
Next.jsのレンダリング環境、戦略、およびランタイムの違いについて学びます。
Next.jsのキャッシング
Next.jsのキャッシングメカニズムの概要。
スタイリング
Next.js アプリケーションをスタイリングするさまざまな方法を学びます。
最適化
最高のパフォーマンスとユーザーエクスペリエンスのためにNext.jsアプリケーションを最適化します。
設定
Next.jsアプリケーションを設定する方法を学びます。
テスティング
Cypress、Playwright、Vitest、Jestの4つのよく使用されるテストツールを使用してNext.jsをセットアップする方法を学びます。
認証
Next.jsアプリケーションで認証を実装する方法を学びます。
デプロイ
Next.js アプリを本番環境にデプロイする方法について、マネージドまたは自己ホストの両方を学びます。
アップグレードガイド
Next.jsの最新バージョンにアップグレードする方法を学びます。
Next.js の例
人気のある Next.js UI パターンとユースケースの例。