Next.js フルスタック実践

達成できること

App Router と RSC で SSR/SSG/ISR を設計、DB と API 連携、認証と決済、Vercel/Cloud Run デプロイ

カリキュラム

• 1
  App Router と RSC

  Server vs Client、'use client' 境界

• 2
  データ取得とキャッシュ

  fetch キャッシュ、revalidateTag、Route Handlers

• 3
  Server Actions

  form action、useFormState、楽観的更新

• 4
  Tailwind + shadcn/ui

  デザインシステム、Dark mode、再利用部品

• 5
  DB 連携 (Prisma + Postgres)

  スキーマ、マイグレーション、リレーション、index

• 6
  認証 (Auth.js)

  OAuth、JWT、セッション、ミドルウェア

• 7
  決済 (Stripe)

  Checkout、Webhook、サブスク

• 8
  i18n と SEO

  next-intl、メタデータ、sitemap、OG

• 9
  パフォーマンスとデプロイ

  RSC payload、画像最適化、Vercel vs Cloud Run

ハイライト

• 成果物：課金機能付き SaaS プロトタイプ
• Next.js / React 最新版に追随
• Stripe テストキーと Postgres サンプル付き

担当講師

こんにちは、Morld 創業者です。本業はフルタイムエンジニア、副業はアマチュアフィットネス愛好家。プログラミング歴 10 年以上、メインスタックは JavaScript / TypeScript / React と Cloud Run / GCP、サブで C# / .NET、Docker、DevOps を扱います。 1on1 の指導方針は、まず目指す成果を確認し、そこから逆算して章立てとペースを設計します。