アプリケーションの構築
Next.jsは、柔軟なフルスタックWebアプリケーションを作成するための構成要素を提供します。アプリケーションの構築ガイドでは、これらの機能の使用方法とアプリケーションの動作をカスタマイズする方法について説明します。
セクションとページは基本的な内容から高度な内容へと順番に整理されているため、Next.jsアプリケーションを構築する際にステップバイステップで進めることができます。ただし、任意の順序で読んだり、該当するページをスキップしたりすることも可能です。
Next.jsを初めて使用する場合は、ルーティング、レンダリング、データ取得、スタイリングのセクションから始めることをお勧めします。これらはNext.jsとWebの基本的な概念を紹介し、入門を支援します。その後、最適化や設定などの他のセクションに進むことができます。準備が整ったら、デプロイとアップグレードのセクションを確認してください。
ルーティング
フロントエンドアプリケーションのルーティングに関する基礎を学びます。
データフェッチ
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 の最新バージョンへのアップグレード方法を学びます。