Try Clerk: https://go.clerk.com/J5ucSbS
Try Neon: https://fyi.neon.tech/wds2
Building a SaaS is the ultimate goal of many software developers, but it is not easy. In this video I will show you how to create a clone of the Parity Deals site (which earns well over $1,000,000 per year in revenue. I will also show you best practices for creating large scale SaaS applications so that you can expand these concepts to any SaaS.
? Materials/References:
GitHub Code: https://github.com/WebDevSimplified/parity-deals-clone
Try Clerk: https://go.clerk.com/J5ucSbS
Try Neon: https://fyi.neon.tech/wds2
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00:00 - Introduction
00:01:10 - Project Demo/Overview
00:04:35 - Next.js Setup
00:07:35 - ShadCN Setup
00:09:07 - Navbar Design
00:15:50 - Clerk Setup
00:18:29 - Landing Page Design
00:46:44 - Sign In/Sign Up Pages
00:50:16 - Dashboard Navbar Design
00:54:04 - Private Route Setup
00:56:44 - Database Setup
00:59:40 - Type Safe Environment Variables
01:03:40 - Drizzle Setup
01:19:17 - Clerk Webhooks
01:26:51 - IMPORTANT: Database Clean Code
01:29:28 - Finish Clerk Webhooks
01:33:00 - Dashboard Home Page
01:37:25 - New Products Form
02:04:30 - Product Grid
02:31:00 - IMPORTANT: Caching System
02:52:40 - Edit Product Details Form
03:08:34 - Edit Product Country Discounts Form
03:52:10 - Start Edit Product Customization Form
03:54:36 - IMPORTANT: User Permissions
03:58:10 - Finish Edit Product Customization Form
04:16:49 - More User Permissions
04:24:40 - User Subscription Page
04:36:10 - Stripe Integration
05:08:49 - Banner API
05:31:52 - Analytics Page
06:25:57 - Fixing Mistakes
#SaaS #WDS #NextJS