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