アプリケーションの構築

Next.js は、柔軟なフルスタックの Web アプリケーションを作成するためのビルディングブロックを提供します。アプリケーションの構築ガイドでは、これらの機能の使い方と、アプリケーションの動作のカスタマイズ方法について説明します。

Next.js アプリケーションを構築する際に、ステップバイステップで進めることができます。ただし、どのような順番で読んでもかまいませんし、使用したいケースに該当するページへ飛ばしてもかまいません。

Next.js をはじめてお使いになる場合は、ルーティング、レンダリング、データフェッチ、スタイリングのセクションから始めることをおすすめします。その後、最適化や設定など、他のセクションをより深く学ぶことができます。 最後に、準備ができたら、デプロイとアップグレードのセクションをチェックしてください。

• ルーティング: フロントエンドアプリケーションのルーティングの基礎を学びます。
• データフェッチ: Next.js でデータをフェッチ、キャッシュ、再検証、ミューテートさせる方法を学びます。
• レンダリング: Next.js のレンダリング環境、ストラテジー、ランタイムの違いを学びます。
• キャッシング: Next.js アプリケーションをキャッシュするさまざまな方法を紹介します。
• スタイリング: Next.js アプリケーションのスタイルを変更するさまざまな方法を学びます。
• 最適化: 最高のパフォーマンスとユーザーエクスペリエンスを実現するために、Next.js アプリケーションを最適化します。
• 設定: Next.js アプリケーションの設定方法を学びます。
• テスト: Next.js と、よく使われる4つのテストツール（Cypress、Playwright、Vitest、Jest）のセットアップ方法を学びます。
• 認証: Next.js で認証を実装する方法、ベストプラクティス、ルートの保護、認可手法、セッション管理について学びます。
• デプロイ: Next.js アプリをプロダクション環境にデプロイする方法を学びます。管理された環境またはセルフホスト環境のいずれかを選択することができます。
• アップグレード: Next.js の最新バージョンへのアップグレード方法を学びます。