Courses

Build an Instagram Clone with NestJS & Next.js – Fullstack Mastery

Build a full Instagram clone end to end: auth with Better Auth, a type-safe tRPC API in NestJS, posts, likes, comments, stories, followers and profiles in Next.js with Tailwind and shadcn/ui. Then take it to production on AWS with S3 uploads, RDS, CodePipeline and a custom domain.

94 lessons 15 h 47 min

01Introduction

  1. 01Prerequisites2:09
  2. 02GitHub Repository
  3. 03Repository & Support1:12
  4. 04Project Setup16:00
  5. 05Tailwind + Shadcn7:24

02Auth Forms

  1. 06Auth Pages7:40
  2. 07Cards8:38
  3. 08Form Components13:26
  4. 09Signup Form17:37
  5. 10Login Form6:07

03Database

  1. 11Postgres3:21
  2. 12NestJS Init5:47
  3. 13Drizzle ORM9:04

04Auth Backend

  1. 14NestJS Better Auth
  2. 15Better Auth15:49
  3. 16Auth Schema11:51

05Auth Frontend

  1. 17Auth Client12:46
  2. 18Middleware7:30
  3. 19Redirect + Error Handling10:28

06Dashboard

  1. 20Layout3:41
  2. 21Stories8:54
  3. 22Feed13:53
  4. 23User Profile6:30
  5. 24Dark Mode16:50
  6. 25Suggested Users7:16

07Posts tRPC

  1. 26Posts Schema13:16
  2. 27NestJS tRPC v2
  3. 28tRPC Server10:00
  4. 29Posts Router14:50
  5. 30Create & Find Posts16:36

08Create & Get Posts

  1. 31Post Dialog25:05
  2. 32Multer Uploads7:48
  3. 33File Interceptor13:11
  4. 34UI File Upload5:55
  5. 35tRPC Client9:51
  6. 36Create Post Mutation8:35
  7. 37Serve Static11:12

09Profile Picture

  1. 38User Profile Picture20:35
  2. 39Profile Upload11:14

10tRPC Auth

  1. 40tRPC + Better Auth13:16

11Likes

  1. 41Likes Schema6:23
  2. 42Likes Backend11:00
  3. 43Likes UI12:22
  4. 44Shared Types4:27

12Comments

  1. 45Comments Schema7:52
  2. 46Comments tRPC7:18
  3. 47Compiled Packages7:31
  4. 48NestJS tRPC v2
  5. 49Fix Monorepo Imports5:04
  6. 50Comments Router5:23
  7. 51Comments Service8:05
  8. 52Comments Component12:40
  9. 53Comments UI tRPC18:18

13Stories

  1. 54Stories Schemas13:04
  2. 55Stories Router + Service13:32
  3. 56Stories UI15:35
  4. 57Stories Upload7:56
  5. 58Stories Viewer Modal12:45
  6. 59Stories Slideshow13:24

14Followers + Profile Backend

  1. 60Followers DB Schema6:23
  2. 61Users tRPC Schema4:44
  3. 62Users Router9:16
  4. 63Followers Backend10:11
  5. 64Profile Backend7:48
  6. 65User Cleanup2:06

15User Profile - Part 1

  1. 66User Page5:18
  2. 67Profiler Header - Part 112:39
  3. 68Profile Header - Part 29:16
  4. 69User Posts - Part 112:44
  5. 70User Posts - Part 25:55

16Post Modal

  1. 71Post Modal - Part 17:45
  2. 72Post Modal - Part 27:47
  3. 73Post Modal Comments12:55
  4. 74Post Modal Likes & Cleanup10:37

17User Profile - Part 2

  1. 75Profile Routing13:23
  2. 76Edit Profile19:37
  3. 77Followers Modal - Part 111:22
  4. 78Followers Modal - Part 28:54
  5. 79Followers Modal - Part 310:48

18Production Data

  1. 80Suggested Users8:08
  2. 81Posts & Stories8:16

19Saved Posts

  1. 82Saved Posts Backend12:21
  2. 83Saved Posts UI11:57

20Production

  1. 84Elastic Beanstalk15:54
  2. 85CodePipeline9:51
  3. 86Build & Deploy23:55
  4. 87Relational Database Service9:57
  5. 88Beanstalk to RDS19:01
  6. 89Vercel UI12:12

21AWS S3

  1. 90S3 Bucket7:04
  2. 91S3 Upload - Part 112:55
  3. 92S3 Upload - Part 213:17

22Custom Domain & SSL

  1. 93Custom Domain & SSL - Backend9:41
  2. 94Custom Domain - UI4:36