Next.js Full-Stack in Practice

What you will achieve

Design SSR/SSG/ISR via App Router + RSC, integrate DB and APIs, handle auth & payments, deploy to Vercel/Cloud Run

Syllabus

• 1
  App Router & RSC Mental Model

  Server vs Client, 'use client' boundary

• 2
  Data Fetching & Cache

  fetch cache, revalidateTag, route handlers

• 3
  Server Actions

  form action, useFormState, optimistic UI

• 4
  Tailwind + shadcn/ui

  Design system, dark mode, reusable components

• 5
  DB Integration (Prisma + Postgres)

  schema, migration, relation, index

• 6
  Auth (Auth.js)

  OAuth, JWT, session, middleware gating

• 7
  Payments (Stripe)

  Checkout session, webhooks, subscriptions

• 8
  i18n & SEO

  next-intl, metadata, sitemap, OG

• 9
  Performance & Deploy

  RSC payload, image opt, Vercel vs Cloud Run

Highlights

• Graduate with a paid-tier SaaS prototype
• Aligned with the latest Next.js / React releases
• Stripe test keys and Postgres sample schema included

Instructor

Hi, I'm Morld's founder — a full-time engineer and amateur fitness enthusiast. I've been writing code for 10+ years; my primary stack is JavaScript / TypeScript / React + Cloud Run / GCP deployments, with C# / .NET, Docker, and DevOps as secondary specialties. My 1-on-1 teaching style is: first understand the outcome you want, then design the chapter order and pace to reach it. Each lesson ends with homework; the next starts with a 5-minute review.