チュートリアル概要

目標

このチュートリアルでは、React の入門から始めて、最終的に Next.js でのアプリケーション作成方法を身につけることを目指します。

流れ

以下の流れでチュートリアルを進めます。

1. React を始める
2. コンポーネントと Props
3. React の状態管理
4. Next.js とは
5. スタイリングと SEO
6. ルーティングと画面遷移
7. Server Component と Client Component
8. Dynamic Route Segment と Route Groups
9. Segment の規約ファイル
10. Suspense

話さないこと

以下のトピックはこのチュートリアルでは扱いません。

• 動的データ取得、静的データ取得
• static、dynamic ルート
• Parallel Routes と Intercepting Routes
• Route Handler
• Server Action
• SSG
• キャッシュ周りの話

これらのトピックは業務レベルでは必要になる可能性がありますが、知らなくてもアプリケーションを作成することは可能です。

むしろアプリケーションを作った経験がない状態で上のトピックを学ぼうとしても理解できないはずです。 EC サイトの課題を終えた後に、必要に応じて学習するようにしましょう。