Courses

Build a Shopping App With Next.js + NestJS + Prisma

In this course, we’re going to learn how to build a modern Next.js app using the latest App directory approach. We will also connect the app to a NestJS backend and store data using Prisma ORM. Includes Stripe integration & production deployments on AWS & Vercel with CI/CD.

51 lessons 8 h 22 min

01Introduction

  1. 01Project Structure8:28
  2. 02Material UI6:26
  3. 03Auth Routes13:08
  4. 04Updates

02NestJS Backend

  1. 05Backend Setup4:50
  2. 06Users Module5:03
  3. 07Validation + Config + Logging14:30
  4. 08Prisma v7
  5. 09Prisma9:42
  6. 10Create User14:05

03Server Actions

  1. 11Create User Server Action - Part 112:13
  2. 12Create User Server Action - Part 28:07

04Authentication

  1. 13Local Strategy17:04
  2. 14Sign JWT19:01
  3. 15JWT Strategy10:21
  4. 16JSON Payloads5:20
  5. 17UI Login Auth7:14
  6. 18Server Cookies12:18
  7. 19UI Auth Middleware5:21

05Header

  1. 20Header10:24
  2. 21Authentication Context13:13
  3. 22Logout & Navigation14:28

06Products

  1. 23Products Schema6:30
  2. 24Create Products Backend8:20
  3. 25Create Product Modal7:26
  4. 26Create Product Server Action9:42
  5. 27Get Products13:54
  6. 28Products Cache4:47

07Image Upload

  1. 29Product Upload Backend10:00
  2. 30Product Upload UI14:42
  3. 31Serve Static9:08
  4. 32Next.js Image7:35

08Single Product

  1. 33Single Product Routing & Backend13:08
  2. 34Single Product UI14:27

09Stripe

  1. 35Stripe Checkout Session15:11
  2. 36Stripe Checkout Redirect11:13
  3. 37Stripe Webhooks15:01

10Product WebSockets

  1. 38Products Filter5:26
  2. 39Products Gateway6:27
  3. 40Products WebSockets9:15
  4. 41WebSocket Authentication6:49

11Production

  1. 42Elastic Beanstalk14:58
  2. 43Production Code4:51
  3. 44CodePipeline15:46
  4. 45Vercel7:59
  5. 46Custom Domain14:03
  6. 47Stripe & Images8:05
  7. 48S3 Image Upload16:12

12Updates

  1. 49Updates4:03
  2. 50Backend Updates: Prisma v7 & Stripe10:35
  3. 51UI Updates: Next.js & More4:25