アプリケーションの構築
Next.js は、柔軟性の高いフルスタックWebアプリケーションを作成するためのビルディングブロックを提供します。「アプリケーションの構築」のガイドでは、これらの機能の使用方法と、アプリケーションの動作をカスタマイズする方法について説明します。
セクションとページは、基本的なものから高度なものまで順番に整理されているため、Next.jsアプリケーションを構築する際にステップバイステップで実行できます。ただし、任意の順序で読むことも、使用例に該当するページにスキップすることもできます。
Next.js を初めて使用する場合は、ルーティング、レンダリング、データ取得、スタイリング のセクションから始めることをお勧めします。これらは、基本的な Next.js とWeb の概念を紹介し、開始するのに役立ちます。その後、最適化 や 設定 などの他のセクションを深く掘り下げることができます。最後に準備ができたら、デプロイ と アップグレード のセクションをチェックアウトしてください。
ルーティング
Pages Router を使用したフロントエンドアプリケーションのルーティングの基本を学びます。
レンダリング
React と Next.js におけるレンダリングの基本を学びます。
データ取得
Next.js では、プリレンダリング、サーバーサイドレンダリング、静的サイト生成、インクリメンタル静的再生など、複数の方法でデータを取得できます。Next.js でアプリケーションデータを管理する方法を学びます。
スタイリング
Next.js アプリケーションのスタイリング方法を学びます。
最適化
最高の性能とユーザーエクスペリエンスを実現するために、Next.js アプリケーションを最適化します。
設定
Next.js アプリケーションの設定方法を学びます。
テスト
Cypress、Playwright、Vitest、Jestなど、一般的に使用されている3つのテストツールを使用してNext.jsを設定する方法を学びます。
認証
ベストプラクティス、ルートの保護、承認技術、セッション管理を網羅して、Next.js での認証の実装方法を学びます。
デプロイ
マネージド型かセルフホスト型かに関わらず、Next.js アプリケーションを本番環境にデプロイする方法を学びます。
アップグレード
最新バージョンの Next.js にアップグレードする方法を学びます。
役に立ちましたか?