Kuinka rakentaa Lovable-sivusto uudelleen tekoälyn avulla

Johdanto

Lovable osaa tehdä yksinkertaisen verkkosivuston minuuteissa, mutta sivustojen viimeisteleminen voi olla haastavaa. Useimmat sivustot tarvitsevat useita sivuja, viimeisteltyä tekstiä, kuvia ja pitkän listan pieniä säätöjä. Lovable antaa sinulle rungon, joka sinun täytyy rakentaa ja viimeistellä itse, kaikki tiukan kreditti­budjetin puitteissa.

Sen sijaan, että viimeistelisit sivustosi Lovablessa, voit siirtyä toiseen, sivustoystävällisempään työkaluun. Tässä oppaassa näytän, kuinka viimeistelet sivustosi Repaint-nimisellä tekoälyalustalla.

Miksi Repaint

Repaint on verkkosivustojen rakentamiseen optimoitu tekoälyalusta. Perusajatus on samankaltainen kuin Lovablessa: kuvailet mitä haluat ja tekoäly rakentaa sen. Mutta muutama ero tekee Repaintista vahvemman markkinointisivustojen rakentamiseen:

• Sen käyttäminen maksaa paljon vähemmän. Repaint käyttää tehokasta moniagenttiprosessia ja valitsee automaattisesti halvempia tekoälymalleja yksinkertaisiin tehtäviin, koska useimmat markkinointisivuston päivitykset eivät tarvitse kalliita malleja, jotka Lovable varaa korkealuokkaiseen sovelluskehitykseen. Repaintissa voit rakentaa 15-sivuisen sivuston osumatta ilmaistason rajaan.
• Se rakentaa kokonaisia sivustoja, ei alkurunkoja. Repaint suunnittelee ja luo koko sivustosi yhdellä kertaa, johdonmukaisella tyylillä jokaisella sivulla, sen sijaan että antaisi sinulle rungon viimeisteltäväksi itse.
• Se on parempi sisällön tuomisessa. Repaintilla on omat työkalunsa sisällön poimimiseen olemassa olevilta verkkosivustoilta, joten voit suunnitella sivuston uudelleen siirtämättä kaikkea manuaalisesti.

Kuinka Lovablesta siirtyminen toimii

Yksinkertaisin tapa siirtyä pois Lovablesta on antaa Repaintille julkaistun sivustosi URL-osoite. Repaint vierailee julkaistulla sivustollasi kuten vierailija tekisi, lukee tekstisi, lataa kuvasi ja käyttää niitä sivuston uudelleenrakentamiseen. Tämä toimii jopa Lovablen ilmaisella suunnitelmalla, koska tarvitaan vain julkaistu verkkosivusto.

Toinen vaihtoehto on viedä koodisi Lovablesta ja ladata se Repaintiin. Tämä antaa Repaintin käyttää alkuperäistä tarkemmin, koska sen ei tarvitse arvailla luodessaan sitä uudelleen. Mutta täysi koodin vienti vaatii myös maksullisen Lovable-suunnitelman.

Kummallakin tavalla päädyt täyteen verkkosivustoon, jota voit muokata tekoälyn avulla. Kun olet tyytyväinen uuteen sivustoon, voit julkaista sen suoraan Repaintista ja yhdistää mukautetun verkkotunnuksen.

Vaihe 1: Tuo sisältösi

Sisältösi voi tuoda Repaintiin kahdella tavalla:

1. Jaa julkaistun sivuston URL-osoite
2. Vie koodisi Lovablesta ja tuo se Repaintiin

Suosittelemme toista vaihtoehtoa, jos sinulla on Lovable premium ja haluat uuden sivuston näyttävän täsmälleen alkuperäiseltä. Jos suunnittelet sivuston uudelleensuunnittelua joka tapauksessa, koodin vienti on ylimitoitettua ja yksinkertaisempaa on jakaa julkaistu URL-osoite Repaintille.

Tuominen URL-osoitteesta

Repaint voi suunnitella uudelleen minkä tahansa julkisesti saavutettavan verkkosivuston internetissä. Lovable julkaisi ennen automaattisesti jokaisen projektin, mutta näin ei ole enää. Sinun täytyy julkaista sivusto Lovablesta ennen kuin yrität tuoda sitä. Sinun pitäisi saada URL-osoite, joka näyttää tältä: https://brave-mango-spark.lovable.app/

Avaa ensin sivustosi Lovablessa. Sitten:

1. Napsauta Publish ja kopioi URL-osoite
2. Mene Repaintiin, liitä URL-osoite ja lähetä
3. Luo Repaint-tilisi

Tuominen koodina

Jos sinulla on Lovable premium, voit viedä koodisi suoraan Lovable-editorista. Sen sijaan, että tekisit tämän tiedosto kerrallaan, voit saada koko sivuston .zip-tiedostona ja antaa sen Repaintille.

Avaa ensin sivustosi Lovablessa. Sitten:

1. Vie koodisi .zip-tiedostona
2. Mene Repaintiin ja luo tilisi
3. Lataa .zip ja lähetä

Tämä aloittaa sivuston rakentamisprosessin. Repaint skannaa sivustosi, kopioi tekstin ja kuvat sekä ottaa kuvakaappauksia jokaiselta sivulta ymmärtääkseen suunnittelun. Sieltä eteenpäin sinun tarvitsee vain jutella Repaintin kanssa viimeistelläksesi prosessin.

Vaihe 2: Suunnittele uusi sivustosi

Repaint pystyy kopioimaan alkuperäisen, suunnittelemaan sen täysin uudelleen tai mitä tahansa siltä väliltä. Ennen kuin se alkaa rakentaa sivustoasi, se esittää muutaman kysymyksen ymmärtääkseen mitä etsit.

Kun Repaint rakentaa sivustoasi uudelleen, on hyvä hetki kokeilla tyyliä nähdäksesi, onko jotain muuta mitä haluaisit kokeilla. Voit antaa Repaintin luoda tyylinäytteitä, joista valita. Lovable antaa tyypillisesti yhden tyylin, jonka iterointi on kallista, joten useimmat eivät koskaan poikkea kauas alkuperäisestä suunnittelusta, jonka saivat.

Tuo sisältö

Jos sinulla on enemmän tietoa sisällytettäväksi, jaa se nyt. Repaint voi käyttää tietoa muilta verkkosivustoilta, Google-yritysprofiileista, PDF-tiedostoista tai muista tiedostoista sekä kuvista. Mitä enemmän se oppii ennen sivuston rakentamista, sitä vähemmän sinun täytyy viimeistellä myöhemmin.

Jos sinulla on useita lähdesivustoja, kuten vanha sivusto Lovable-sivuston lisäksi, sinun kannattaa antaa Repaintille molemmat. Se voi käyttää vanhaa sivustoa siirrettävän tiedon lähteenä ja uutta tyylioppaana. Epävarmuuden vallitessa kannattaa jakaa paljon tietoa ja antaa Repaintin selvittää, kuinka sitä käytetään.

Kun te ja Repaint olette samaa mieltä suunnitelmasta, se rakentaa uuden sivustosi!

Vaihe 3: Luo sivustosi

Repaint käyttää tyypillisesti muutaman minuutin sivustosi ensimmäisen version rakentamiseen. Tarkka kesto vaihtelee riippuen siitä, kuinka paljon sisältöä sen täytyy siirtää ja kuinka suuri uusi sivusto on. Suuri sivusto, jossa on kymmeniä sivuja, voi viedä yli kymmenen minuuttia.

Kun se on valmis, Repaint avaa automaattisesti esikatselun uudesta sivustostasi. Ensimmäisessä versiossa on yleensä joitain karkeita kohtia: katkennutta tekstiä, väärässä paikassa olevia kuvia tai hieman vinoa välistystä. Se on odotettavissa. Voit korjata kaiken paikoiltaan menneen juttelemalla tekoälyn kanssa.

Jos Lovable-projektillasi oli edistynyttä taustajärjestelmän toiminnallisuutta, kuten Supabase-integraatio tai Lovable Cloud -ominaisuuksia, ne eivät siirry. Repaint rakentaa vain visuaalisen osan, jonka ihmiset näkevät, ei sen alla olevaa tietovarastoa. Useimmilla yrityssivustoilla ei ole mitään tällaista, joten se ei ole ongelma. Mutta jos sinulla on täysi sovellus Lovablessa, Repaint ei luo sitä uudelleen saumattomasti.

Vaihe 4: Tee muutoksia

Sivustosi luomisen jälkeen saattaa olla muutamia erikoisuuksia ratkaistavana. Repaint kääntää sivustosi omaan muotoonsa, joten on mahdollista, että jotkin yksityiskohdat katoavat käännöksessä. Tai jos annat Repaintin suunnitella Lovable-sivustosi uudelleen, on vain paljon uutta sisältöä tarkistettavana.

Muokkaustyönkulku on täsmälleen kuin Lovablessa; voit muuttaa mitä tahansa sivustollasi juttelemalla tekoälyn kanssa: "Lisää yhteydenottosivu." "Lisää kuvagalleria, jossa on kolme neliönmuotoista kuvaa." "Poista yläbanneri, joka ilmoittaa tapahtumastamme."

Sinun kannattaa aloittaa arvioimalla visuaalista tyyliä. Varmista, että värit, fontit ja asettelut näyttävät hyvältä. Visuaalinen tyylisi luo malleja, joita tekoäly käyttää luonnollisesti kaikessa uudessa sisällössä, jonka se luo, joten sen viimeisteleminen aikaisin on nopeampaa kuin sen viimeisteleminen sen jälkeen, kun olet rakentanut kymmeniä sivuja.

Kun pidät tyylistä, voit käydä läpi sisällön ja varmistaa, että teksti on oikein, kuvat ovat oikeilla paikoillaan, linkit toimivat ja kaikki näyttää hyvältä mobiilissa.

Tarkista SEO-sisältö

Jos Lovable-sivustosi sai hakukoneliikennettä, SEO kannattaa huomioida siirron aikana. Meillä on kokonainen verkkosivuston uudelleensuunnittelun SEO-opas, jos haluat oppia lisää. Yleisellä tasolla haluat vain varmistaa, että uudella sivustolla on samat sivujen URL-osoitteet ja sama sisältö niissä.

Google rakentaa sijoituksia verkkosivustosi yksittäisille sivuille, sidottuna niiden URL-osoitteisiin. Jos siirryt uudelle alustalle ja nämä URL-osoitteet muuttuvat tai katoavat, Google käsittelee ne uusina sivuina ilman historiaa, ja menetät niiden ansaitseman liikenteen. Ja jos muutat sisältöä, Google saattaa päättää, että uudet versiot eivät ole enää relevantteja hakukyselyille, ja lopettaa niiden sijoittamisen.

Voit pyytää Repaintia vertaamaan uuden sivustosi URL-osoitteita Lovable-sivuston URL-osoitteisiin nähdäksesi, onko eroja. Jos toit koodin suoraan, todennäköisesti mikään ei muuttunut. Mutta jos jokin muuttui tai puuttuu, Repaint voi auttaa korjaamaan sen, kunhan pyydät.

Kun sivustosi näyttää hyvältä ja sisältö on oikein, olet valmis julkaisemaan.

Vaihe 5: Julkaise sivustosi

Kun olet valmis julkaisemaan uuden sivustosi, avaa Repaint-projektisi ja napsauta Publish oikeassa yläkulmassa. Sivustosi julkaistaan Repaint-URL-osoitteessa, jonka voit jakaa kenelle tahansa. Se näyttää samankaltaiselta kuin ilmainen Lovable-URL, kuten tämä: https://careful-tiger-5jd92kjd.sites.repaint.com

Tässä vaiheessa sinulla on kaksi julkaistua sivustoa: yksi Repaintissa ja yksi Lovablessa. Jos sinulla on mukautettu verkkotunnus, se osoittaa edelleen Lovable-sivustoosi, joten vierailijoillesi ei ole vielä muuttunut mitään. Kun olet valmis tekemään vaihdon, voit siirtää verkkotunnuksesi.

Vaihe 6: Siirrä verkkotunnuksesi

Kun olet valmis tekemään virallisen vaihdon, sinun täytyy vain osoittaa verkkotunnuksesi uuteen Repaint-sivustoon. Tehdäksesi tämän Repaintissa kerrot vain tekoälylle yhdistämään verkkotunnuksesi. Se antaa sinulle DNS-tietueet lisättäväksi. Tämä vaatii maksullisen suunnitelman; näet hintatiedot täältä.

Verkkotunnuksesi on erillinen Lovable-sivustostasi. Se on todennäköisesti rekisteröity erillisellä verkkotunnusten tarjoajalla kuten GoDaddy, Namecheap tai Cloudflare. Kummassakin tapauksessa verkkotunnuksesi tulisi pysyä sillä alustalla. Sinun ei tarvitse siirtää sitä. Sinun täytyy vain päivittää asetukset niin, että verkkotunnuksesi osoittaa uuteen Repaint-sivustoosi Lovable-sivuston sijaan.

Älä huoli, jos et ole koskaan käsitellyt DNS-asetuksia ennen. Repaint voi opastaa sinut sen läpi. Se voi antaa sinulle mukautettuja ohjeita palveluntarjoajasi perusteella. DNS-muutokset voivat viedä 20 minuuttia tai enemmän astuakseen voimaan. Kun olet asettanut DNS-tietueet, voit antaa Repaintin tarkistaa julkaistut tietueesi nähdäksesi, onnistuiko levitys. Kun se vahvistaa, että kaikki on asetettu oikein, olet valmis.

Verkkotunnuksesi siirtämisen jälkeen et enää tarvitse maksullista Lovable-suunnitelmaa hostaukseen tai muokkaamiseen. Voit peruuttaa Lovable-tilauksesi milloin tahansa.

Yhteenveto

Kun törmäät seinään Lovablessa, sinun ei tarvitse hylätä työtäsi. Repaint on samankaltainen alusta, joka on optimoitu markkinointisivustojen rakentamiseen. Jos jaat vain julkaistun URL-osoitteesi, se tuo sivustosi ja antaa sinun tehdä muutoksia juttelemalla tekoälyn kanssa. Ja koska sivustosi pysyy julkaistuna koko ajan, kokeilemisessa ei ole mitään menetettävää.

Usein kysytyt kysymykset

Miksi vaihtaa Lovablesta, jos Repaint on myös tekoälyrakentaja?

Ne näyttävät samanlaisilta, mutta ne on viritetty eri tehtäviin. Lovable on rakennettu tekemään monimutkaisia verkkosovelluksia, ja sen kreditit ja hinnoittelu on suunniteltu korkealuokkaisen generoinnin ympärille. Repaint on rakennettu erityisesti markkinointisivustoja varten. Se rakentaa sivuja rinnakkain tehokkaammin, käyttää halvempia malleja rutiininomaisiin muokkauksiin, ja sillä on viikoittainen käyttömäärä kuukausittaisten krediittien sijaan. Käyttösi riittää pidemmälle Repaintissa, joten sivustosi on helpompi todella viimeistellä.

Käyttääkö siirtyminen Lovable-krediittini loppuun?

Ei. Jos tuot sivuston jakamalla julkaistun URL-osoitteesi, Repaint vain vierailee julkaistulla sivustollasi kuten kuka tahansa vierailija. Se ei koskaan kosketa Lovable-tiliäsi, joten se ei maksa lainkaan Lovable-krediittejä. Ainoa tapaus, jossa Lovable on lainkaan mukana, on koodin vientireitti, ja silloinkin lataat vain tiedostoja, jotka sinulla jo on. Siirto kuluttaa Repaintin käyttömäärää, ei Lovablen.

Tarvitsenko maksullisen Lovable-suunnitelman siirtääkseni?

Yksinkertaisinta reittiä varten et. Tuominen julkaistusta URL-osoitteesta vaatii vain, että sivustosi on julkaistu, mikä toimii Lovablen ilmaisella suunnitelmalla. Tarvitsisit maksullisen Lovable-suunnitelman vain, jos haluat viedä koko koodisi tarkempaa uudelleenrakentamista varten. Jos suunnittelet sivustoa uudelleen joka tapauksessa, voit ohittaa koodin viennin ja jakaa vain URL-osoitteesi. Jotkut myös synkronoivat Lovable-projektinsa GitHubiin saadakseen koodin sitä kautta, vaikka saatavuus riippuu Lovable-suunnitelmastasi.

Mitä Lovable-sivustolleni tapahtuu siirron aikana? Voinko pitää molemmat?

Lovable-sivustollesi ei tapahdu mitään. Nämä kaksi ovat täysin erillisiä. Teet vain uuden sivuston Repaintissa, kun taas Lovable-sivustosi pysyy julkaistuna ja koskemattomana. Kun olet tyytyväinen Repaint-versioon, voit osoittaa verkkotunnuksesi siihen. Tai jos päätät pysyä Lovablessa, sinun ei tarvitse tehdä mitään. Ei ole mitään kohtaa, jossa sinut pakotetaan luopumaan alkuperäisestä.

Entä jos Lovable-projektini on täysi sovellus tietokannalla ja kirjautumisilla, ei vain markkinointisivusto?

Silloin Repaint ei todennäköisesti ole oikea työkalu tällä hetkellä. Repaint rakentaa markkinointisivustoja, ei täysiä sovelluksia. Se ei luo uudelleen taustajärjestelmän toiminnallisuutta kuten tietokantoja, käyttäjien kirjautumisia tai mitään Lovable Cloudiin tai Supabaseen yhdistettyä. Jos projektisi on oikea sovellus, jolla on infrastruktuuri takanaan, Repaintiin siirtyminen tarkoittaisi niiden osien menettämistä, jotka saavat sen toimimaan.

Enkö vain osu samoihin rajoihin Repaintissa, joihin osuin Lovablessa?

Yleensä et, ja ero on suurempi kuin ihmiset odottavat. Nämä kaksi alustaa mittaavat käyttöä eri tavalla, ja Repaint riittää yleensä paljon pidemmälle markkinointisivustoille. Yhtenä todellisena esimerkkinä: viisisivuisen sivuston rakentaminen Lovablessa käytti koko ilmaistason loppuun, kun taas kaksitoistasivuisen sivuston uudelleenrakentaminen Repaintissa käytti puolet. Se johtuu useista syistä, mukaan lukien tehokkaampi tuonti, rinnakkainen työ, halvemmat mallit ja antelias käyttöraja kuukausittaisten krediittien sijaan.

Voiko Repaint vastata Lovable-suunnitteluani täsmälleen?

Se riippuu siitä, kuinka tuot sen. Jos viet koodisi ja annat Repaintille lähdekoodin, se voi päästä hyvin lähelle, koska se työskentelee alkuperäisestä eikä arvaa. Jos tuot julkaistusta URL-osoitteesta, Repaint luo suunnittelun uudelleen siitä, mitä se voi nähdä. Se näyttää selvästi sivustoltasi, mutta odota muutamia näkyviä eroja, jotka haluat siistiä, sitä enemmän mitä monimutkaisempi alkuperäinen suunnittelu on. Kummallakin tavalla voit hienosäätää mitä tahansa juttelemalla tekoälyn kanssa.

Kuinka kauan siirto kestää?

Ensimmäinen rakentaminen vie yleensä muutaman minuutin suunnitellakseen, tuodakseen sisältösi ja luodakseen uuden sivuston. Suuremmat sivustot, joilla on monta sivua tai paljon kaavittavaa sisältöä, voivat viedä kymmenen minuuttia tai enemmän. Sen jälkeen aika julkaisemiseen riippuu siitä, kuinka monta muutosta haluat tehdä. Useimmat sivustot voidaan siirtää ja viimeistellä muutamassa tunnissa.

Kuinka paljon Lovablesta Repaintiin siirtyminen maksaa?

Sivustosi tuominen, muokkaaminen ja julkaiseminen sites.repaint.com-osoitteeseen on ilmaista. Ilmainen suunnitelma kattaa yksinkertaisen sivuston rakentamisen ja julkaisemisen, viikoittaisella muokkausmäärällä, Repaint-tunnuksella eikä mukautettua verkkotunnusta. Maksulliset suunnitelmat alkavat 20 $/kuukaudessa vuosittain laskutettuna tai 25 $/kuukaudessa kuukausittain laskutettuna, mikä antaa sinulle suuremman käyttömäärän, poistaa tunnuksen ja antaa sinun yhdistää mukautetun verkkotunnuksen. Näet täyden erittelyn hinnoittelusivulla.

Voinko siirtää vain yhden sivun kokeillakseni ensin?

Kyllä. Voit tuoda yksittäisen sivun nähdäksesi, miten se onnistuu, ennen kuin sitoudut koko sivustoon. Se on vähätöinen tapa tarkistaa, sopiiko Repaint yrityksellesi. Kun olet tyytyväinen näkemääsi, voit pyytää Repaintia rakentamaan loput.

Menetänkö hakukonesijoitukseni siirtäessäni?

En, jos pidät URL-osoitteesi ja sisältösi johdonmukaisina. Google sitoo sijoitukset yksittäisiin sivujen URL-osoitteisiin, joten tavoitteena on, että uusi Repaint-sivustosi käyttää samoja URL-osoitteita ja suurelta osin samaa sisältöä kuin vanha. Jos tuot koodisi suoraan, asiat pysyvät yleensä linjassa. Voit myös pyytää Repaintia vertaamaan uusia URL-osoitteitasi alkuperäisiin ja korjaamaan mahdolliset puutteet. Lisää löytyy oppaastamme SEO:n säilyttämiseen, kun tuot sivuston.

Mitä tapahtuu, kun tekoäly tekee virheen? Voinko kumota muutokset?

Kyllä. Repaint tallentaa sivustostasi version joka kerta, kun teet muutoksen. Jos jokin menee pieleen, voit pyytää sitä palaamaan takaisin, tai avata versiohistorian ja palauttaa aiemman version itse. Mikään ei ole pysyvää, joten on turvallista kokeilla ja palata takaisin, jos et pidä tuloksesta.