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
