Build a Complete SaaS Platform with Next.js 13, React, Prisma, tRPC, Tailwind | Full Course 2023
In this single video, we’re building an entire, modern SaaS Platform from beginning to end.
βKinde Auth: https://link.joshtriedcoding.com/kinde
βDiscord for questions/answers: https://discord.gg/4vCRMyzgA5
βGitHub Repo: https://github.com/joschan21/quill
Full Feature List:
π οΈ Complete SaaS Built From Scratch
π» Beautiful Landing Page & Pricing Page Included
π Authentication Using Kinde
π³ Free & Pro Plan Using Stripe
β‘ Infinite Message Loading for Performance
π A Beautiful And Highly Functional PDF Viewer
π Streaming API Responses in Real-Time
π¨ Clean, Modern UI Using ‘shadcn-ui’
π Optimistic UI Updates for a Great UX
π€ Intuitive Drag nβ Drop Uploads
β¨ Instant Loading States
π§ Modern Data Fetching Using tRPC & Zod
π§ LangChain for Infinite AI Memory
π² Pinecone as our Vector Storage
π Prisma as our ORM
π€ 100% written in TypeScript
π …much more
Copy & Paste list to follow along with the video (optional):
https://github.com/joschan21/quill/blob/master/COPY-PASTE-LIST.md
Thanks so much to Kinde for making this huge project possible by sponsoring this video!
Chapters:
0:00 – What you’ll learn & demo
5:38 – Creating the project together
8:16 – The SaaS Process Overview
9:22 – Creating the Landing Page
33:36 – Making the Landing Page Look Awesome
1:11:31 – Creating the Navbar
1:20:37 – Authentication
1:27:13 – Creating our Dashboard
1:41:05 – Syncing our Database
1:49:30 – tRPC Setup
2:06:39 – Creating our Database
2:18:29 – Finishing our Database Sync
2:24:06 – Perfecting our Dashboard
3:12:33 – Let Users Delete Files
3:25:21 – Dynamic Data Fetching in NextJS
3:32:03 – Designing our Product Page
3:44:33 – Creating our File Uploader
4:13:33 – Setting up UploadThing
4:24:45 – Perfecting our File Uploader
4:50:41 – Rendering PDF Files
5:06:41 – Feature Bar for PDF Renderer
5:57:29 – Creating the Messages Section
6:14:17 – Instant Loading States
6:22:12 – Creating our Chat Input
6:31:55 – Make Components work together using Context
6:41:14 – Streaming API Response in real-time
7:26:27 – Receiving Stream on the Client
7:38:38 – Infinite Queries for Performance
7:58:51 – Displaying Messages
8:23:49 – Optimistic Updates for Instant Feedback
8:55:54 – Infinite Queries & Streaming Demo
8:59:17 – Stripe Setup
9:03:31 – Creating our Pricing Page
9:34:55 – Payment Integration
9:39:31 – Subscription Management Page
9:55:37 – Preview Deployment
10:07:04 – Finishing the Navbar When Logged In
10:43:08 – Making Link Previews Look Beautiful
10:51:48 – Give Pro Plan Better Features
11:05:27 – Deployment to Vercel & Final Test