Перейти к содержимому

How I Build SaaS Apps that Look Expensive (full-guide / beginner-friendly)

Build With Lucas

0:00 / 0:00

How I Build SaaS Apps that Look Expensive (full-guide / beginner-friendly)

161 просмотр · 3 недели назад
Build With Lucas
227 подписчиков
161 просмотр · 3 недели назад
Need a partner to build your SaaS? Deployed ships production-ready software in ~15 days, no bloated agency overhead → https://deployed.software 🎯 QualyoForms: Qualify your leads before they even hit your calendar. No more wasted discovery calls → https://qualyoforms.com 🎉 In this video, I'll show you how to give your AI coding agent a real design system, so every app it builds comes out cohesive and intentional instead of looking like AI slop. 🔥 This video covers: → Why a shared design system is the foundation for building SaaS with AI agents → Creating a preset in shadcn/create: styles, base color, fonts, icon library, and radius → A pro move for client work: let your client pick the preset so the look is approved before you build → Importing the preset into a clean Next.js project with Codex and pulling in every component → Prompting a full auth screen (login + signup) and refining 🛠️ Tools used: shadcn/create → https://ui.shadcn.com/create Codex → https://chatgpt.com/codex 🖐️ About me: I've built production SaaS for five years, for myself and non-technical founders, usually shipped in 15 days. I run Deployed, my dev studio, and QualyoForms, an AI qualification tool for agencies, coaches, and consultants. I also love teaching people how to build applications and navigate this AI world we're living in. Any questions? DM me directly →   / devitolucas   TIMESTAMPS: 0:00 - Introduction 1:03 - Why shadcn is your design system foundation 2:14 - Client tip: let them choose the preset 3:56 - Get the code: Next.js + Base UI 4:13 - Initializing the project in Codex 5:45 - Prompting the auth screen (login + signup) 8:08 - Refining the design so it isn't AI slop 11:48 - The real SaaS I built with this workflow