アプリケーションの構築

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

セクションとページは基本的な内容から高度な内容へと順番に整理されているため、Next.jsアプリケーションを構築する際にステップバイステップで進めることができます。ただし、任意の順序で読んだり、該当するページをスキップしたりすることも可能です。

Next.jsを初めて使用する場合は、ルーティングレンダリングデータ取得スタイリングのセクションから始めることをお勧めします。これらはNext.jsとWebの基本的な概念を紹介し、入門を支援します。その後、最適化設定などの他のセクションに進むことができます。準備が整ったら、デプロイアップグレードのセクションを確認してください。

ルーティング

Pages Routerを使用したフロントエンドアプリケーションのルーティング基礎を学びます。

レンダリング

React と Next.js におけるレンダリングの基礎を学びます。

データフェッチ

Next.jsでは、プリレンダリング、サーバーサイドレンダリング (SSR) または静的サイト生成 (SSG)、そしてインクリメンタルスタティックリジェネレーション (ISR) といった複数の方法でデータを取得できます。Next.jsでアプリケーションデータを管理する方法を学びましょう。

スタイリング

Next.js アプリケーションでスタイルを適用するさまざまな方法について学びます。

最適化

Next.js アプリケーションのパフォーマンスとユーザーエクスペリエンスを最適化します。

設定

Next.js アプリケーションの設定方法について学びます。

テスト

Next.js を Cypress、Playwright、Vitest、Jest の3つの一般的なテストツールと組み合わせてセットアップする方法を学びます。

認証 (Authentication)

Next.js で認証を実装する方法について学びます。ベストプラクティス、ルートの保護、認可技術、セッション管理を網羅しています。

デプロイ

Next.js アプリケーションを本番環境にデプロイする方法について学びます。マネージドサービスまたはセルフホスティングの選択肢があります。

アップグレード

Next.js の最新バージョンへのアップグレード方法を学びます。