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