Ugly TypeScript Code Is Actually Good (Sometimes)

How to Build the Ultimate AI SaaS Project - AI Interviews, Resume Reviews, Technical Questions

Large Projects

attr() Is My New Favorite CSS Function

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

How To Build A $1,000,000 SaaS In 7 Hours

Ugly TypeScript Code Is Actually Good (Sometimes)

How to Build the Ultimate AI SaaS Project - AI Interviews, Resume Reviews, Technical Questions

Large Projects

attr() Is My New Favorite CSS Function