How Lovable works

LLM providers · Claude · OpenAI · Gemini · Main code model · Supporting model · 2. prompt + context · 1. prompt · 3. write code · 2-way sync · SDK / API · Lovable platform · External integrations · U…

By pierreneter · 12 Nov 2026

#ai #vibe-coding #system-design #architecture

On this board

• How Lovable works
• LLM providers
• Claude
• OpenAI
• Gemini
• Main code model
• Supporting model
• 2. prompt + context
• 1. prompt
• 3. write code
• 2-way sync
• SDK / API
• Lovable platform
• External integrations
• User
• Chat & Editor
• AI Agent
• Codebase
• GitHub
• Describes the app
• Prompts, images, edits
• Plans, edits files
• React · Vite · Tailwind
• Store & export code
• errors → auto-fix
• 4. build
• Live Preview
• Build sandbox
• Stripe & API
• 6. view & iterate
• 5. HMR
• Instant results
• Dev server, error logs
• Payments, email…
• 7. publish
• Edge Fn
• Hosting
• Supabase
• *.lovable.app / domain
• DB, Auth, Storage
• HTTPS
• End users
• Use the deployed app