Hoe je een Lovable-website herbouwt met AI

Inleiding

Lovable kan in enkele minuten een eenvoudige website maken, maar het afmaken van websites kan lastig zijn. De meeste sites hebben meerdere pagina's, verfijnde tekst, afbeeldingen en een lange lijst kleine aanpassingen nodig. Lovable geeft je een raamwerk dat je zelf moet uitbouwen en bijschaven, allemaal binnen een strikt creditbudget.

In plaats van je website in Lovable af te maken, kun je migreren naar een ander tool dat websitevriendelijker is. In deze handleiding laat ik je zien hoe je je website afmaakt in een AI-platform genaamd Repaint.

Waarom Repaint

Repaint is een AI-platform geoptimaliseerd voor het bouwen van websites. Het kernidee lijkt op dat van Lovable: je beschrijft wat je wil en de AI bouwt het. Maar een paar verschillen maken Repaint sterker voor het bouwen van marketingwebsites:

• Het is veel goedkoper in gebruik. Repaint gebruikt een efficiënt multi-agent-proces en kiest automatisch goedkopere AI-modellen voor eenvoudige taken, omdat de meeste updates van marketingsites niet de dure modellen nodig hebben die Lovable reserveert voor geavanceerde app-bouw. In Repaint kun je een site van 15 pagina's bouwen zonder de limiet van het gratis abonnement te bereiken.
• Het bouwt complete websites, geen starters. Repaint plant en genereert je hele site in één keer, met een consistente stijl over elke pagina, in plaats van je een raamwerk te geven dat je zelf moet afmaken.
• Het is beter in het importeren van content. Repaint heeft speciale tools om content uit bestaande websites te halen, zodat je een site opnieuw kunt ontwerpen zonder alles handmatig over te zetten.

Hoe migreren weg van Lovable werkt

De eenvoudigste manier om weg te gaan bij Lovable is om Repaint de URL van je live website te geven. Repaint bezoekt je live site zoals een bezoeker dat zou doen, leest je tekst, downloadt je afbeeldingen en gebruikt ze om de site te herbouwen. Dit werkt zelfs op het gratis abonnement van Lovable, want het enige dat nodig is, is een live website.

De andere optie is om je code uit Lovable te exporteren en in Repaint te uploaden. Hiermee kan Repaint het origineel nauwkeuriger gebruiken, omdat het niet hoeft te gokken bij het herbouwen. Maar een volledige code-export vereist ook een premium Lovable-abonnement.

Hoe dan ook, je eindigt met een volledige website die je met AI kunt bewerken. Zodra je tevreden bent met de nieuwe website, kun je rechtstreeks vanuit Repaint publiceren en een eigen domein koppelen.

Stap 1: Importeer je content

Er zijn twee manieren om je content in Repaint te importeren:

1. Deel de URL van de live website
2. Exporteer je code uit Lovable en importeer die in Repaint

We raden de tweede optie aan als je Lovable premium hebt en je wil dat de nieuwe site er precies zo uitziet als het origineel. Als je toch van plan bent de website opnieuw te ontwerpen, is het exporteren van de code overdreven en is het eenvoudiger om de live URL met Repaint te delen.

Importeren vanaf een URL

Repaint kan elke openbaar toegankelijke website op internet opnieuw ontwerpen. Lovable publiceerde vroeger automatisch elk project, maar dat is niet meer het geval. Je moet vanuit Lovable publiceren voordat je het probeert te importeren. Je zou een URL moeten krijgen die er zo uitziet: https://brave-mango-spark.lovable.app/

Open eerst je site in Lovable. Vervolgens:

1. Klik op Publiceren en kopieer de URL
2. Ga naar Repaint, plak de URL en verstuur
3. Maak je Repaint-account aan

Importeren als code

Als je Lovable premium hebt, kun je je code rechtstreeks vanuit de Lovable-editor exporteren. In plaats van dit bestand voor bestand te doen, kun je de hele site als een .zip-bestand ophalen en dat aan Repaint geven.

Open eerst je site in Lovable. Vervolgens:

1. Exporteer je code als een .zip
2. Ga naar Repaint en maak je account aan
3. Upload de .zip en verstuur

Hiermee start het websitebouwproces. Repaint scant je site, kopieert tekst en afbeeldingen en maakt screenshots van elke pagina om het ontwerp te begrijpen. Vanaf dat punt hoef je alleen maar met Repaint te praten om het proces af te ronden.

Stap 2: Plan je nieuwe website

Repaint kan het origineel kopiëren, het volledig opnieuw ontwerpen, of iets daartussenin. Voordat het je website begint te bouwen, stelt het je een paar vragen om te begrijpen wat je zoekt.

Terwijl Repaint je site herbouwt, is het een goed moment om met de stijl te experimenteren om te zien of er nog iets anders is dat je wil proberen. Je kunt Repaint stijlvoorbeelden laten genereren waaruit je kunt kiezen. Lovable geeft je doorgaans een enkele stijl die kostbaar is om op door te ontwikkelen, dus de meeste mensen wijken nooit ver af van het oorspronkelijke ontwerp dat ze kregen.

Content importeren

Als je meer informatie hebt om toe te voegen, deel die dan nu. Repaint kan informatie gebruiken van andere websites, Google-bedrijven, PDF's of andere bestanden, en afbeeldingen. Hoe meer het leert voordat het de site bouwt, hoe minder je later hoeft bij te schaven.

Als je meerdere bronsites hebt, zoals een oude website naast de Lovable-site, geef Repaint dan beide. Het kan de oude website gebruiken voor informatie om over te zetten, en de nieuwe als stijlgids. Bij twijfel kun je beter veel informatie delen en Repaint laten uitzoeken hoe het die gebruikt.

Zodra jij en Repaint het eens zijn over het plan, bouwt het je nieuwe website!

Stap 3: Genereer je website

Repaint doet er doorgaans een paar minuten over om de eerste versie van je website te bouwen. De exacte duur varieert, afhankelijk van hoeveel content het moet migreren en hoe groot de nieuwe website is. Een grote site met tientallen pagina's kan langer dan tien minuten duren.

Als het klaar is, opent Repaint automatisch een voorbeeld van je nieuwe website. De eerste versie heeft meestal wat ruwe plekken: tekst die is afgesneden, afbeeldingen op de verkeerde plek of spatiëring die niet helemaal klopt. Dat is normaal. Je kunt alles wat niet op zijn plaats staat oplossen door met de AI te chatten.

Als je Lovable-project geavanceerde backend-functionaliteit had, zoals een Supabase-integratie of Lovable Cloud-functies, dan worden die niet overgezet. Repaint bouwt alleen het visuele deel dat mensen zien, niet de gegevensopslag eronder. De meeste bedrijfswebsites hebben niets dergelijks, dus dat is geen probleem. Maar als je een volledige applicatie in Lovable hebt, zal Repaint die niet naadloos nabouwen.

Stap 4: Aanpassingen maken

Na het genereren van je site kunnen er een paar eigenaardigheden zijn om op te lossen. Repaint vertaalt je website naar zijn eigen formaat, dus het is mogelijk dat sommige details verloren gaan in de vertaling. Of als je Repaint je Lovable-site opnieuw laat ontwerpen, is er gewoon veel nieuwe content om te beoordelen.

De bewerkingsworkflow is precies zoals bij Lovable; je kunt alles op je website wijzigen door met AI te chatten: "Voeg een contactpagina toe." "Voeg een afbeeldingengalerij toe met drie vierkante afbeeldingen." "Verwijder de bovenste banner die ons evenement aankondigt."

Begin met het beoordelen van de visuele stijl. Zorg ervoor dat de kleuren, lettertypen en lay-outs er allemaal goed uitzien. Je visuele stijl legt patronen vast die de AI van nature zal gebruiken voor alle nieuwe content die het maakt, dus het vroeg bijschaven is sneller dan het bijschaven nadat je tientallen pagina's hebt uitgebouwd.

Zodra je tevreden bent met de stijl, kun je de content doorwerken en controleren of de tekst klopt, afbeeldingen op de juiste plek staan, links werken en alles er goed uitziet op mobiel.

SEO-content controleren

Als je Lovable-site zoekverkeer ontving, is het de moeite waard om tijdens je migratie aandacht aan SEO te besteden. We hebben een complete handleiding voor SEO bij websiteherontwerp als je er meer over wil weten. Op hoofdlijnen wil je gewoon zorgen dat de nieuwe website dezelfde pagina-URL's heeft, en dezelfde content daarop.

Google bouwt rankings op voor individuele pagina's op je website, gekoppeld aan hun URL's. Als je naar een nieuw platform verhuist en die URL's veranderen of verdwijnen, behandelt Google ze als nieuwe pagina's zonder geschiedenis, en verlies je het verkeer dat ze genereerden. En als je de content verandert, kan Google besluiten dat de nieuwe versies niet langer relevant zijn voor zoekopdrachten en stoppen met ze te ranken.

Je kunt Repaint vragen om de URL's op je nieuwe site te vergelijken met die op de Lovable-site om te zien of er verschillen zijn. Als je de code rechtstreeks hebt geïmporteerd, is er waarschijnlijk niets veranderd. Maar als er iets is gewijzigd of ontbreekt, kan Repaint helpen het op te lossen zolang je het vraagt.

Als je site er goed uitziet en de content klopt, ben je klaar om te publiceren.

Stap 5: Publiceren

Als je klaar bent om je nieuwe website te publiceren, open je je Repaint-project en klik je rechtsboven op Publiceren. Je site gaat live op een Repaint-URL die je met iedereen kunt delen. Het ziet er ongeveer uit zoals de gratis Lovable-URL, zo: https://careful-tiger-5jd92kjd.sites.repaint.com

Op dit punt heb je twee live websites: één op Repaint en één op Lovable. Als je een eigen domein hebt, wijst dat nog steeds naar je Lovable-website, dus voor je bezoekers is er nog niets veranderd. Als je klaar bent voor de overstap, kun je je domein overdragen.

Stap 6: Domein overdragen

Als je klaar bent om officieel over te stappen, hoef je alleen je domein naar de nieuwe Repaint-website te laten wijzen. Om dit in Repaint te doen, vertel je de AI eenvoudigweg om je domein te koppelen. Het geeft je DNS-records om toe te voegen. Dit vereist een betaald abonnement; je kunt de prijsdetails hier bekijken.

Je domein staat los van je Lovable-site. Het is waarschijnlijk geregistreerd bij een aparte domeinprovider zoals GoDaddy, Namecheap of Cloudflare. Hoe dan ook, je domein moet op dat platform blijven. Je hoeft het niet te verplaatsen. Je hoeft alleen de instellingen bij te werken zodat je domein naar je nieuwe Repaint-site wijst in plaats van naar de Lovable-site.

Geen zorgen als je nog nooit DNS-instellingen hebt beheerd. Repaint kan je er stap voor stap doorheen leiden. Het kan je aangepaste instructies geven op basis van je provider. DNS-wijzigingen kunnen 20 minuten of langer duren voordat ze van kracht worden. Zodra je de DNS-records hebt ingesteld, kun je Repaint je live records laten controleren om te zien of het succesvol is doorgevoerd. Zodra het bevestigt dat alles correct is ingesteld, ben je klaar.

Nadat je je domein hebt overgedragen, heb je geen premium Lovable-abonnement meer nodig voor hosting of bewerken. Je kunt je Lovable-abonnement op elk moment opzeggen.

Conclusie

Als je tegen een muur aanloopt in Lovable, hoef je je werk niet op te geven. Repaint is een vergelijkbaar platform dat is geoptimaliseerd voor het bouwen van marketingwebsites. Als je gewoon je live URL deelt, importeert het je website en kun je wijzigingen aanbrengen door met AI te chatten. En omdat je site de hele tijd live blijft, valt er niets te verliezen door het te proberen.

Veelgestelde Vragen

Waarom overstappen van Lovable als Repaint ook een AI-bouwer is?

Ze lijken op elkaar, maar ze zijn afgestemd op verschillende taken. Lovable is gebouwd om complexe webapps te maken, met credits en prijzen ontworpen rond geavanceerde generatie. Repaint is specifiek gebouwd voor marketingwebsites. Het bouwt pagina's efficiënter parallel, het gebruikt goedkopere modellen voor routinematige bewerkingen en het heeft een wekelijks gebruikstegoed in plaats van maandelijkse credits. Je gebruik gaat verder op Repaint, dus het is makkelijker om je website daadwerkelijk af te maken.

Verbruikt migreren mijn Lovable-credits?

Nee. Als je importeert door je live URL te delen, bezoekt Repaint gewoon je gepubliceerde site zoals elke bezoeker dat zou doen. Het raakt nooit je Lovable-account aan, dus het kost nul Lovable-credits. Het enige geval waarin Lovable überhaupt betrokken is, is de code-exportroute, en zelfs dan download je alleen bestanden die je al hebt. De migratie draait op het gebruikstegoed van Repaint, niet dat van Lovable.

Heb ik een betaald Lovable-abonnement nodig om te migreren?

Voor de eenvoudigste route niet. Importeren vanaf je live URL vereist alleen dat je site is gepubliceerd, wat werkt op het gratis abonnement van Lovable. Je hebt alleen een betaald Lovable-abonnement nodig als je je volledige code wil exporteren voor een nauwkeurigere herbouw. Als je toch opnieuw ontwerpt, kun je de code-export overslaan en gewoon je URL delen. Sommige mensen synchroniseren hun Lovable-project ook met GitHub om de code op die manier op te halen, hoewel de beschikbaarheid afhangt van je Lovable-abonnement.

Wat gebeurt er met mijn Lovable-site tijdens de migratie? Kan ik beide houden?

Er gebeurt niets met je Lovable-site. De twee staan volledig los van elkaar. Het enige wat je doet, is een nieuwe site bouwen in Repaint, terwijl je Lovable-site live en onaangeroerd blijft. Zodra je tevreden bent met de Repaint-versie, kun je je domein daarnaar laten wijzen. Of als je besluit bij Lovable te blijven, hoef je niets te doen. Er is geen moment waarop je gedwongen wordt het origineel op te geven.

Wat als mijn Lovable-project een volledige app is met een database en logins, niet alleen een marketingsite?

Dan is Repaint vandaag waarschijnlijk niet het juiste tool. Repaint bouwt marketingwebsites, geen volledige applicaties. Het bouwt geen backend-functionaliteit na zoals databases, gebruikerslogins, of iets dat verbonden is met Lovable Cloud of Supabase. Als je project een echte app is met infrastructuur erachter, zou migreren naar Repaint betekenen dat je de onderdelen verliest die het laten werken.

Loop ik in Repaint niet gewoon tegen dezelfde limieten aan als in Lovable?

Meestal niet, en het verschil is groter dan mensen verwachten. De twee platforms meten gebruik anders, en Repaint komt doorgaans veel verder voor marketingsites. Een echt voorbeeld: het uitbouwen van een site van vijf pagina's in Lovable verbruikte een heel gratis abonnement, terwijl het herbouwen van een site van twaalf pagina's in Repaint de helft verbruikte. Dat komt door meerdere redenen, waaronder efficiënter importeren, parallel werk, goedkopere modellen en een royale gebruikslimiet in plaats van maandelijkse credits.

Kan Repaint mijn Lovable-ontwerp exact evenaren?

Dat hangt af van hoe je importeert. Als je je code exporteert en Repaint de bron geeft, kan het er heel dichtbij komen, omdat het werkt vanuit het origineel in plaats van te gokken. Als je importeert vanaf je live URL, herbouwt Repaint het ontwerp op basis van wat het kan zien. Het lijkt duidelijk op je site, maar verwacht een paar zichtbare verschillen die je wil opruimen, meer naarmate het oorspronkelijke ontwerp complexer is. Hoe dan ook, je kunt alles fijn afstellen door met de AI te chatten.

Hoe lang duurt de migratie?

De eerste build duurt meestal een paar minuten om te plannen, je content te importeren en de nieuwe site te genereren. Grotere sites met veel pagina's of veel content om te scrapen kunnen tien minuten of langer duren. Daarna hangt de tijd tot publicatie af van hoeveel aanpassingen je wil maken. De meeste sites kunnen binnen een paar uur worden gemigreerd en bijgeschaafd.

Hoeveel kost het om van Lovable naar Repaint te migreren?

Het importeren van je site, het bewerken ervan en publiceren naar een sites.repaint.com-adres is gratis. Het gratis abonnement dekt het bouwen en lanceren van een eenvoudige site, met een wekelijks bewerkingstegoed, een Repaint-badge en geen eigen domein. Betaalde abonnementen beginnen vanaf $20/maand bij jaarlijkse facturering, of $25/maand bij maandelijkse facturering, wat je een groter tegoed geeft, de badge verwijdert en je een eigen domein laat koppelen. Je kunt het volledige overzicht zien op de prijspagina.

Kan ik eerst één pagina migreren om het uit te proberen?

Ja. Je kunt één pagina importeren om te zien hoe die eruitkomt voordat je je aan de hele site verbindt. Het is een laagdrempelige manier om te controleren of Repaint geschikt is voor je bedrijf. Zodra je tevreden bent met wat je ziet, kun je Repaint vragen de rest uit te bouwen.

Verlies ik mijn zoekrankings wanneer ik migreer?

Niet als je je URL's en content consistent houdt. Google koppelt rankings aan individuele pagina-URL's, dus het doel is dat je nieuwe Repaint-site dezelfde URL's en grotendeels dezelfde content gebruikt als de oude. Als je je code rechtstreeks importeert, blijft alles meestal op één lijn. Je kunt Repaint ook vragen je nieuwe URL's te vergelijken met het origineel en eventuele gaten op te lossen. Er is meer te vinden in onze handleiding over het behouden van SEO wanneer je een site importeert.

Wat gebeurt er als de AI een fout maakt? Kan ik wijzigingen ongedaan maken?

Ja. Repaint slaat elke keer dat je een wijziging maakt een versie van je site op. Als er iets verkeerd uitkomt, kun je het vragen terug te gaan, of de versiegeschiedenis openen en zelf een eerdere versie herstellen. Niets is permanent, dus het is veilig om te experimenteren en terug te draaien als je het resultaat niet bevalt.