Van een blanco pagina naar een gepolijste live site met betalingen, een contactformulier en een e-maillijst, in ongeveer drie uur, met drie tools en nul handgeschreven code.
In 2026 is een gepolijste one-page site met betalingen, een contactformulier en een e-mailaanmelding een project van drie uur op zaterdagmiddag. Geen "iets werkend krijgen" project, maar een project dat "daadwerkelijk een ontwerperskeuring zou doorstaan". De bottleneck is niet langer code of ontwerp. Het is duidelijkheid over wat de pagina moet zeggen.
Dit is de exacte workflow voor het lanceren van een echte, live, klaar-voor-betaalde-verkeer site in één middag.
Een landingspagina met:
Je lanceert vanmiddag geen design system, een CMS of een marketing site van 12 pagina's. Probeer dat niet.
Je hebt ook nodig: een Stripe-account (testmodus is prima voor vandaag), een domeinnaam en een waardepropositie die je in één zin kunt opschrijven.
Open een blanco document. Schrijf vijf dingen:
Zonder dit geeft Lovable je een perfect gebouwde pagina die niets zegt.
Open Lovable en prompt met alles wat je hebt geschreven. De openingsprompt die werkt:
Bouw een landingspagina voor [jouw waardepropositie]. Hero met [koptekst]. Drie voordeelkaarten: [lijst]. Prijssectie met één tier voor $X met Stripe Checkout. Contactformulier dat me een e-mail stuurt op [jouw e-mail]. E-mailaanmelding die integreert met Resend. Donker thema met [kleur] accent. Gebruik [framework: Next.js of Vite].
Lovable start een volledig project op, implementeert het op een tijdelijke URL en toont je een werkende preview. Het zal er direct 70% goed uitzien en na drie vervolgprompts 90% goed.
Voor betalingen: Lovable regelt de Stripe Checkout-koppeling als je je Stripe-account koppelt. Gebruik testmodus-sleutels voor vandaag; schakel over naar live sleutels voordat je lanceert.
Voor het contactformulier: kies Resend als e-mailprovider in Lovable's integratiepaneel. Het is gratis voor de eerste 3.000 e-mails/maand.
Lovable's standaardinstellingen zijn goed, niet geweldig. De hero- en prijssecties zijn waar bezoekers beslissen of ze verder lezen. Bouw die twee in plaats daarvan in V0.
In V0, prompt met een screenshot van een hero die je mooi vindt (die van Linear, Vercel, of een andere SaaS-site die je bewondert) plus je tekst:
Bouw deze hero met mijn tekst: koptekst "[jouw koptekst]", subkop "[jouw subkop]", CTA-knop "[jouw CTA]". Donkere modus, [accentkleur]. Voeg een subtiele gradiënt en een placeholder voor een screenshot-mockup aan de rechterkant toe.
Kopieer de componentcode van V0 naar Lovable, vervang de bestaande hero. Hetzelfde voor prijzen. Lovable regelt de integratie netjes omdat beide tools Tailwind + React exporteren.
Generieke stockfoto's laten een site eruitzien als alle andere. Gebruik Photoroom om het volgende te doen:
De functie "Generate Background" is wat het zware werk doet in 2026, geef het je product-uitsparing en een prompt voor de scène, en krijg een samenhangend beeld terug in jouw kleuren.
Plaats het resultaat in de Lovable hero.
Ga in Lovable naar Domein → Aangepast domein verbinden → voer het jouwe in. Lovable toont je de DNS-records die je bij je registrar moet toevoegen (meestal 2 records: een A-record en een CNAME). Voeg ze toe, wacht 5-10 minuten op propagatie.
Tijdens de DNS-propagatie, doorloop de lanceringschecklist:
Je bent live.
Na de lanceerdag verschuift het werk van bouwen naar leren. De eerste week is:
De site die je vandaag lanceert is een conceptversie. De site die je over drie maanden hebt, is degene die ertoe doet. Lanceer het concept vandaag.