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

JavaScript / Web 149.7K צפיות 22/10/2024
פתח ב-YouTube

דרג סרטון זה

התחבר כדי לדרג

תיאור

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

#Web Dev Simplified