May 1
Loading video player...
Build a Fullstack SaaS Monorepo from scratch using modern tools like Next.js, Turborepo, Prisma, Auth.js, PostgreSQL, and shadcn/ui. Work with me (Upwork): https://www.upwork.com/freelancers/~016c7cd93faaf92ad2 Connect on LinkedIn: https://www.linkedin.com/in/laribright/ Business Email: itslaribright@gmail.com In this video, we’ll set up a production-ready monorepo architecture and build 3 real apps: Admin Panel Landing Page Organization Dashboard This is the exact setup you’d use for scalable SaaS products. ⏱️ Timestamps 00:00 – Intro 02:37 – Discuss tooling / Monorepo / TurboRepo 08:24 – Setting up monorepo 16:39 – Spinning up apps 28:19 – Setting up Shadcn UI 50:10 – Prisma setup 54:15 – Supabase monorepo setup 1:01:06 – Schema migration 1:12:14 – Prisma singleton 1:20:03 – Create seed script 1:34:31 – Run seed 1:35:40 – Auth dependencies 1:42:36 – Auth handler 1:49:55 – Linking auth in apps 1:53:42 – Dashboard auth 2:06:29 – Migrating middleware to proxy 2:09:56 – Dashboard auth pages 2:15:43 – Dashboard auth schema 2:20:57 – Auth action bootstrap 2:26:17 – Sign in action intent 2:31:55 – Sign up action intent 2:35:47 – Sign up form 2:40:05 – Bug fix 2:44:14 – Sign in 2:47:40 – Organization features 2:57:32 – Invite model 2:59:20 – Organization helpers 3:07:15 – Organization schema 3:11:46 – Organization actions 3:19:36 – Update organization member action 3:21:10 – Organization invite action 3:29:10 – Organization dashboard 3:34:14 – Create organization form 3:38:28 – Organization members component 3:44:09 – Create organization 3:51:53 – Organization slug page 3:55:05 – Organization members page 3:56:46 – Organization invite section helpers 4:00:03 – Build invite URL 4:03:21 – Generate invite link UI 4:07:26 – Generate invite action 4:09:45 – Accept invite page 4:23:58 – Accept sidebar skeleton 4:32:11 – App sidebar implementation 4:43:06 – Project model 4:47:12 – Project helpers 4:50:35 – Project helpers bug fix 4:55:16 – Projects schema 4:57:59 – Projects action 5:05:03 – Projects screen 5:12:01 – Create new project 5:18:38 – Bug fixes 5:27:44 – Admin page setup 5:35:26 – Admin sidebar 5:51:07 – Admin page complete 5:55:19 – Landing page 6:00:19 – End 🧠 What You’ll Learn How to structure a scalable monorepo Sharing code across multiple apps Setting up authentication across apps Managing a database with Prisma Building production-ready SaaS architecture 🛠 Tech Stack Next.js Turborepo Prisma Auth.js PostgreSQL shadcn/ui pnpm 📦 Resources Source Code: https://github.com/laribright/saas-template-monorepo 🔥 Connect with me YouTube: https://youtube.com/@codewithlari LinkedIn: https://www.linkedin.com/in/laribright/ #fullstack #monorepo #nextjs #turborepo #prisma #authjs #saas #architecture