Next.js 全端應用實戰

完成這套課你能

能用 App Router + RSC 設計 SSR/SSG/ISR 混合架構、串接 DB 與第三方 API、處理認證與付費，並用 Vercel / Cloud Run 部署

課程章節

• 1
  App Router 與 RSC 心智模型

  Server vs Client component、'use client' 邊界

• 2
  資料抓取與快取

  fetch 快取、revalidateTag、Route Handlers

• 3
  Server Actions

  form action、useFormState、optimistic UI

• 4
  Tailwind + shadcn/ui

  設計系統、Dark mode、可重用元件

• 5
  資料庫整合 (Prisma + Postgres)

  schema、migration、relation、index

• 6
  認證 (Auth.js)

  OAuth、JWT、session、middleware 守門

• 7
  付費整合 (Stripe)

  checkout session、webhook、訂閱模型

• 8
  i18n 與 SEO

  next-intl、metadata、sitemap、OG

• 9
  效能與部署

  RSC payload、image opt、Vercel vs Cloud Run

套裝亮點

• 結業作品 = 一個有付費功能的 SaaS 雛形
• 課程同步追蹤 Next.js / React 最新版本
• 提供 Stripe 測試金鑰與 Postgres 範例 schema

授課導師

嗨，我是 Morld 創辦人，全職工程師、業餘健身愛好者。寫程式 10 年以上，主場是 JavaScript / TypeScript / React 生態與 Cloud Run / GCP 部署，副場 C# / .NET、Docker、DevOps。 上 1 對 1 課的習慣是：先了解你想要的結果，再倒推所需的章節順序與步調。每堂課結束會留作業（小到 30 分鐘大到一週）、下堂課的前 5 分鐘檢討進度。