Skip to main content

挫折しない Next.js 入門

App Router を中心に、基礎からデプロイ、状態管理、Panda CSS、Valibot まで進む全284章の教材です。

ロードマップを見る

Module 1: Next.jsってなに?全体像をつかむ

Next.jsってなに?全体像をつかむを第1章から第10章までで学びます。

Module 2: プロジェクト作成と初期設定

プロジェクト作成と初期設定を第11章から第22章までで学びます。

Module 3: App Router 基本

App Router 基本を第23章から第36章までで学びます。

Module 4: コンポーネント設計

コンポーネント設計を第37章から第48章までで学びます。

Module 5: スタイリング

スタイリングを第49章から第60章までで学びます。

Module 6: ルーティング応用

ルーティング応用を第61章から第74章までで学びます。

Module 7: データ取得(基本)とキャッシュ感覚

データ取得(基本)とキャッシュ感覚を第75章から第90章までで学びます。

Module 8: Suspense / Streaming / エラー設計

Suspense / Streaming / エラー設計を第91章から第104章までで学びます。

Module 9: Route Handlers(API)入門

Route Handlers(API)入門を第105章から第118章までで学びます。

Module 10: MiddlewareとEdgeの考え方

MiddlewareとEdgeの考え方を第119章から第132章までで学びます。

Module 11: Server Actions & フォーム革命

Server Actions & フォーム革命を第133章から第150章までで学びます。

Module 12: セキュリティ基本(XSS/CSRF/依存更新)

セキュリティ基本(XSS/CSRF/依存更新)を第151章から第160章までで学びます。

Module 13: DBとCRUD(Prisma想定)

DBとCRUD(Prisma想定)を第161章から第174章までで学びます。

Module 14: 認証(Auth.js/NextAuth系の考え方)

認証(Auth.js/NextAuth系の考え方)を第175章から第188章までで学びます。

Module 15: 画像・フォント・SEO

画像・フォント・SEOを第189章から第202章までで学びます。

Module 16: テスト(Vitest / RTL / E2E)

テスト(Vitest / RTL / E2E)を第203章から第218章までで学びます。

Module 17: デプロイ & 運用(Vercel中心)

デプロイ & 運用(Vercel中心)を第219章から第232章までで学びます。

Module 18: 卒業制作(企画→実装→公開)

卒業制作(企画→実装→公開)を第233章から第244章までで学びます。

Module 19: 運用保守・エコシステム

運用保守・エコシステムを第245章から第254章までで学びます。

Module 20: App Router時代の状態管理(Server連携特化)

App Router時代の状態管理(Server連携特化)を第255章から第264章までで学びます。

Module 21: 次世代スタイリング(Panda CSS)

次世代スタイリング(Panda CSS)を第265章から第274章までで学びます。

Module 22: 次世代バリデーション(Valibot)

次世代バリデーション(Valibot)を第275章から第284章までで学びます。