Hoe je een Replit-website herbouwt met AI

Inleiding

Replit kan technisch gezien marketingwebsites bouwen, maar het is vooral gemaakt voor het bouwen van AI-apps. Het biedt een cloudontwikkelomgeving, databases, deployments, een shell, versiebeheer en secret management, allemaal om er een sterke app-builder van te maken. Maar als je een eenvoudige website maakt, is dat overdreven. Je hebt geen tool nodig die complex en technisch is.

In plaats van je website in Replit in elkaar te hacken, kun je migreren naar een ander tool dat websitevriendelijker is. In deze handleiding laat ik je zien hoe je je website verplaatst naar een AI-platform genaamd Repaint.

Waarom Repaint

Repaint is een AI-platform geoptimaliseerd voor het bouwen van websites. Het kernidee lijkt op dat van Replit: je beschrijft wat je wil en de AI bouwt het. Het verschil zit in de focus. Repaint is gebouwd om marketingwebsites te maken, geen volledige apps:

• Het is minder technisch. Er is geen database, automatisering, bestandsbeheer, shell of versiebeheertab waar je doorheen hoeft, en de AI gebruikt minder technische termen over Vite, build-stappen of git. Er valt minder te beheren en minder te leren.
• Het bouwt complete websites, geen ruwe code. Repaint is ontworpen om volledige websites te bouwen, geen kleine voorbeelden op verzoek. Het helpt je je site te structureren en die efficiënt uit te bouwen.
• Het is beter in het importeren van content. Repaint heeft speciale tools om content en stijlen uit bestaande websites te halen, zodat je content uit bestaande websites kunt migreren zonder alles handmatig over te zetten.

Hoe migreren weg van Replit werkt

Er zijn twee manieren om je site naar Repaint te verplaatsen: je kunt je code importeren, of de URL delen. Je code uit Replit exporteren en uploaden naar Repaint is de beste manier om het origineel zo precies mogelijk te benaderen. Maar als je je website toch opnieuw gaat ontwerpen, is het eenvoudiger om gewoon de URL van je live site in Repaint te plakken.

Hoe dan ook, je eindigt met een volledige website die je kunt bewerken door met AI te chatten. Zodra je tevreden bent, 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. Exporteer je code uit Replit en importeer die in Repaint
2. Deel de live website-URL

We raden de meeste mensen aan hun code te exporteren, omdat die in Replit staat en Repaint daarmee veel betere context krijgt om het origineel te kopiëren. Wanneer Repaint een website herbouwt vanaf een URL, wijkt die een beetje af van het origineel. Maar als je toch van plan bent de site opnieuw te ontwerpen, is het exporteren van de code overdreven en is het eenvoudiger om gewoon de live URL te delen.

Importeren als code

Je code exporteren in Replit is niet vanzelfsprekend, omdat er geen grote knop "Exporteren" is. Om te exporteren kun je deze stappen volgen:

1. Open je project in Replit
2. Open het rechterzijpaneel
3. Klik op bestandsstructuur
4. Open het ellipsmenu (⋮)
5. Kies ervoor om je project als .zip te downloaden
6. Ga naar Repaint en maak je account aan
7. Upload de .zip en verstuur

Importeren vanaf een URL

Repaint kan elke openbaar toegankelijke website op internet opnieuw ontwerpen. Om dit te laten werken, moet je Replit-app live en gepubliceerd zijn. Eén ding om op te letten: op het gratis Starter-abonnement van Replit gaan gepubliceerde apps na 30 dagen offline, dus zorg dat die van jou live is wanneer je importeert. Een Replit-deployment-URL ziet er zo uit: https://your-app.replit.app.

Open eerst je gepubliceerde app in Replit. Vervolgens:

1. Kopieer je deployment-URL
2. Ga naar Repaint, plak de URL en verstuur
3. Maak je Repaint-account aan

Beide routes starten het websitebouwproces. Repaint scant je site, kopieert tekst en afbeeldingen en maakt screenshots van elke pagina om het ontwerp te begrijpen. Vanaf daar hoef je alleen nog 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.

Omdat je toch al aan het herbouwen bent, is dit een goed moment om met de stijl te experimenteren en te kijken of er nog iets anders is dat je wil proberen. Je kunt Repaint stijlvoorbeelden laten genereren waaruit je kunt kiezen, zodat je niet vastzit aan de eerste look waarop je uitkomt.

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 oudere website naast de Replit-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.

Replit-projecten bevatten vaak echte backend-functionaliteit, zoals een database, gebruikerslogins, opgeslagen secrets of een gedeployde server. Geavanceerde logica wordt niet overgezet naar Repaint. Het bouwt alleen de visuele website die mensen zien, niet de infrastructuur eronder. De meeste marketingwebsites hebben niets geavanceerds, dus dat is geen probleem. Maar als je een geavanceerdere app op Replit hebt gebouwd, zou migreren betekenen dat je de onderliggende infrastructuur kwijtraakt.

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 Repaint je Replit-site opnieuw heeft ontworpen, is er veel nieuwe content om te beoordelen.

De bewerkingsworkflow is hetzelfde idee als de agent van Replit, alleen eenvoudiger: je verandert alles op je website door met AI te chatten. "Voeg een teampagina toe." "Voeg een testimonialcarrousel toe met profielfoto's." "Verander het kleurenschema naar dark mode."

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 Replit-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 Replit-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. Die lijkt op een Replit-deployment-URL, zoals deze: https://careful-tiger-5jd92kjd.sites.repaint.com

Op dit punt heb je twee live websites: één op Repaint en één op Replit. Als je een eigen domein hebt, wijst dat nog steeds naar je Replit-site, 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 Replit-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 Replit-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 betaald Replit-abonnement meer nodig voor hosting. Je kunt je Replit-abonnement op elk moment opzeggen.

Conclusie

Replit is een krachtig tool, maar als je alleen een marketingwebsite wil, is het meer dan je nodig hebt. Repaint is een vergelijkbaar platform dat veel meer gericht is op het bouwen van websites. Je kunt je site overzetten door je code te exporteren, en wijzigingen aanbrengen door met AI te chatten. En omdat je Replit-site de hele tijd live blijft, valt er niets te verliezen door het te proberen.

Veelgestelde Vragen

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

Ze zijn op verschillende dingen gericht. Replit is een volledig ontwikkelplatform voor het bouwen van echte applicaties, met databases, deployments en alles wat daarbij hoort. Repaint is gericht op marketingwebsites. Je krijgt dezelfde beschrijf-het-en-het-bouwt-ervaring, met veel minder technische machinerie om mee om te gaan.

Is Replit overdreven voor een eenvoudige marketingwebsite?

Voor veel mensen wel. Replit toont databases, deployments, secrets, versiebeheer en een shell, en de AI praat vaak in termen van builds en code. Dat is allemaal waardevol als je software bouwt, maar voor een handvol marketingpagina's zit het vooral in de weg.

Zal de migratie mijn Replit-tegoeden verbruiken?

Nee. Importeren vanaf je live URL bezoekt gewoon je gepubliceerde site zoals elke bezoeker dat zou doen, dus het raakt je Replit-account nooit aan en kost geen credits. Je code exporteren is ook gratis, omdat je alleen bestanden downloadt die je al hebt. De migratie draait op het gebruikstegoed van Repaint, niet dat van Replit.

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

Nee. Beide importmethodes werken op het gratis Starter-abonnement van Replit. Het enige aandachtspunt: op het gratis abonnement gaan gepubliceerde apps na 30 dagen offline, dus zorg dat je site live is wanneer je die importeert.

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

Er gebeurt niets met je Replit-site. De twee staan volledig los van elkaar, dus je Replit-project blijft live en onaangeroerd terwijl je de nieuwe site bouwt. Zodra je tevreden bent met de Repaint-versie, kun je je domein daarnaar laten wijzen. Als je liever bij Replit blijft, hoef je niets te doen.

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

Dan is Repaint waarschijnlijk niet de juiste keuze. Het herbouwt de visuele site die mensen zien, niet de infrastructuur erachter, zoals databases, logins of iets dat op een Replit-deployment draait. Als je project een echte app is met die infrastructuur, zou migreren betekenen dat je die onderdelen achterlaat.

Kan Repaint mijn Replit-ontwerp exact evenaren?

Dat hangt af van hoe je importeert. Als je je code exporteert, werkt Repaint vanuit het origineel en kan het er heel dichtbij komen. Als je importeert vanaf je live URL, maakt het het ontwerp opnieuw op basis van wat het kan zien. Het zal dus duidelijk op je site lijken, maar op een paar plekken afwijken die je wil bijwerken. 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, hoewel grotere sites met veel pagina's tien minuten of langer kunnen 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 Replit naar Repaint te migreren?

Het is gratis om je site te importeren, te bewerken en te publiceren naar een sites.repaint.com-adres. Het gratis abonnement dekt het bouwen en lanceren van een eenvoudige site, met een wekelijks bewerkingstegoed en een Repaint-badge. Betaalde abonnementen beginnen vanaf $20/maand bij jaarlijkse facturering, of $25/maand bij maandelijkse facturering. Daarmee krijg je een groter tegoed, verdwijnt de badge en kun je een eigen domein 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. 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 je wil dat je nieuwe site dezelfde URL's en grotendeels dezelfde content gebruikt. Je kunt Repaint vragen je nieuwe URL's met het origineel te vergelijken 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 zelf een eerdere versie vanuit de versiegeschiedenis herstellen. Niets is permanent, dus het is veilig om te experimenteren.