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:

• Se on tehty ihmisille, jotka eivät koodaa. Repaint ei näytä sinulle koodia, ja tietojen tallennus, maksut, asiakastilit ja sähköposti ovat sisäänrakennettuja. Sinun ei tarvitse yhdistää kehittäjätyökaluja, kuten Supabasea tai GitHubia.
• Se rakentaa kokonaisia sivustoja, ei pelkkiä alkurunkoja. Repaint suunnittelee ja luo koko sivustosi yhdellä kertaa niin, että tyyli pysyy yhtenäisenä kaikilla sivuilla, sen sijaan että se antaisi sinulle rungon viimeisteltäväksi itse.
• Se tuo sisällön paremmin. Repaintissa on omat työkalut sisällön poimimiseen olemassa olevilta sivustoilta, joten voit uudistaa sivustosi siirtämättä kaikkea käsin.

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.

Meillä on toimialoittain järjestetty kokoelma verkkosivustoesimerkkejä, jos haluat vertailla useampia tyylejä. Mitä tahansa niistä voi käyttää viitteenä Repaintin luomien näytteiden rinnalla.

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-projektissasi on esimerkiksi käyttäjätilejä tai tietokanta, Repaint voi rakentaa nekin uudelleen. Koska nämä osat eivät näy julkaistulla sivustollasi, niiden toiminta kannattaa kuvailla. Voit sitten testata niitä samalla, kun tarkastelet uutta versiota.

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.

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. Mukautetut verkkotunnukset sisältyvät ilmaiseen kokeilujaksoon ja kaikkiin maksullisiin tilauksiin; 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?

Lovable rakentuu koodin ympärille. Voit tarkastella ja viedä koodia sekä yhdistää kehittäjätyökaluja, kuten Supabasen ja GitHubin, ominaisuuksien lisäämiseksi. Tämä sopii ihmisille, joille tällainen käyttöönotto on tuttua. Repaint on suunniteltu ihmisille, jotka eivät koodaa. Se ei näytä sinulle koodia, ja tietojen tallennus, maksut, asiakastilit ja sähköposti ovat sisäänrakennettuja, joten sinun ei tarvitse ottaa käyttöön muita työkaluja tai maksaa niistä.

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?

Repaint voi rakentaa uudelleen sovelluksia, joissa on tietokantoja, käyttäjätilejä, maksuja ja mukautettua logiikkaa. Voit ladata viedyn koodisi, jotta Repaint näkee, miten kaikki toimii, ja selittää loput chatissa. Jos haluat siirtää myös olemassa olevat tietueet, voit ladata niistä tietoviennin.

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

Repaintissakin on käyttörajoituksia, mutta ne toimivat enemmän ChatGPT:n tai Clauden tapaan. Saat viikoittaisen kiintiön, joka uusiutuu 7 päivän välein kuukausittaisen krediittikiintiön sijaan, joten kiintiön hupeneminen ei pysäytä projektiasi loppukuuksi. 14 päivän kokeilujaksolla näet, kuinka pitkälle pääset sivustosi kanssa ennen maksullisen tilauksen valitsemista.

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?

Voit kokeilla Repaintia ilmaiseksi 14 päivän ajan. Kokeiluun sisältyvät sivuston rakentaminen, muokkaaminen, julkaiseminen ja oman verkkotunnuksen yhdistäminen. Maksulliset tilaukset alkavat 25 $/kuukaudessa, ja niihin sisältyvät sivuston ylläpito sekä viikoittainen tekoälyn käyttökiintiö.

Kun kokeilujakso päättyy, työtilasi siirtyy tauolle, kunnes aloitat maksullisen tilauksen. Työsi säilyy tallessa, ja voit aktivoida työtilan uudelleen milloin tahansa. Katso lisätiedot hinnoittelusivultamme.

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.