アプリケーションの構築
Next.jsは、柔軟でフルスタックのウェブアプリケーションを作成するための構成要素を提供します。アプリケーションの構築のガイドでは、これらの機能の使用方法とアプリケーションの動作をカスタマイズする方法を説明します。
セクションとページは、基本から高度な内容まで順次整理されているため、Next.jsアプリケーションの構築時にステップバイステップで参照できます。ただし、任意の順序で読むことも、ユースケースに該当するページにスキップすることもできます。
Next.jsを初めて使用する場合は、ルーティング、レンダリング、データフェッチ、スタイリングのセクションから始めることをお勧めします。これらは、Next.jsと基本的なウェブの概念を紹介し、スタートアップに役立ちます。その後、最適化や設定などの他のセクションにさらに深く踏み込むことができます。最後に、準備ができたら、デプロイとアップグレードのセクションをご確認ください。
ルーティング
Pages ルーターを使用したフロントエンドアプリケーションのルーティングの基本を学びます。
レンダリング
React と Next.js でのレンダリングの基本を学びます。
データフェッチング
Next.jsでは、プリレンダリング、サーバーサイドレンダリング、静的サイト生成、および増分静的再生成を含む、複数の方法でデータをフェッチできます。Next.jsでアプリケーションのデータを管理する方法を学びましょう。
スタイリング
Next.js アプリケーションをスタイル設定するさまざまな方法を学びます。
最適化
Next.jsアプリケーションを最高のパフォーマンスとユーザーエクスペリエンスのために最適化します。
設定
Next.js アプリケーションを設定する方法を学びます。
テスト
一般的に使用される3つのテスティングツール — Cypress、Playwright、Vitest、Jest — を使用してNext.jsをセットアップする方法を学びます。
認証
Next.jsでの認証の実装方法について学びます。ベストプラクティス、ルートの保護、認可技術、セッション管理を網羅します。
デプロイ
Next.js アプリをマネージドまたはセルフホストで本番環境にデプロイする方法を学びます。
アップグレード
Next.jsの最新バージョンへのアップグレード方法を学びます。