I denne guiden viser vi deg hvordan du kan eksportere Lovable-nettsiden din og hoste den hos Polar55.
Hos Polar55 kan du kjøre Node.js, som er nødvendig for at Lovable-nettsiden din skal fungere riktig.
Lovable er et veldig enkelt verktøy for å bygge enkle nettsider, og du kan raskt lage en flott nettside på kort tid. Dessverre er Lovable ganske dyrt, så mange brukere foretrekker å hoste nettsiden sin hos en annen leverandør i stedet for direkte gjennom Lovable.
I denne guiden skal vi derfor vise deg hvordan du raskt kan eksportere Lovable-nettsiden din og få den til å kjøre hos oss.
Det er viktig å merke seg at denne guiden kun fungerer for relativt enkle nettsider. Hvis du for eksempel har en backend koblet til Lovable-nettsiden din eller driver en nettbutikk gjennom Lovable, vil denne guiden ikke fungere.
For å følge denne guiden trenger du:
- En nettside bygget med Lovable
- En GitHub-konto (gratis – kan opprettes på bare noen få minutter)
- En hostingkonto som støtter Node.js – for eksempel hos Polar55
Sjekk også ut denne YouTube-videoen for en komplett gjennomgang i sanntid:
Synkroniser Lovable-nettsiden din med GitHub
Start med å logge inn på Lovable-kontoen din og åpne prosjektet du ønsker å eksportere.
Klikk deretter på det lille GitHub-ikonet øverst til høyre.
Her trenger du en GitHub-konto.
Heldigvis tar det bare rundt 2 minutter å opprette en GitHub-konto, og det er helt gratis.
Opprett en GitHub-konto og sørg for at du er logget inn.
Når du er logget inn på både GitHub og Lovable, vil Lovable automatisk koble seg til GitHub og synkronisere nettsiden din:
Last ned Lovable-nettsiden din fra GitHub
Nettsiden din er nå synkronisert/eksportert til GitHub, og du kan nå laste den ned.
Gå til GitHub-URL-en som vises under «Clone Repository» og last ned nettsiden din som en ZIP-fil:
Last opp nettsiden din til din egen hostingkonto
Du har nå en ZIP-fil som inneholder Lovable-nettsiden din.
Logg inn på Polar55-kontoen din, gå til cPanel og åpne File Manager.
Last opp ZIP-filen din her.
- Hvis nettsiden skal kjøre på hoveddomenet ditt, last opp ZIP-filen til public_html
- Hvis nettsiden skal kjøre på et annet domene, last opp ZIP-filen til mappen med samme navn som domenet.
Når ZIP-filen er lastet opp, pakker du den ut ved å høyreklikke på filen og velge «unzip»:
Du vil nå få en mappe oppkalt etter ZIP-filen din, for eksempel «captivating-captures-main» (avhengig av navnet på GitHub-repositoriet ditt)
-> Gi mappen navnet «source»
Nettsiden din er nå pakket ut og ligger i «source»-mappen.
Koble Lovable til Node.js
Gå nå tilbake til cPanel og finn Node.js.
Her må du opprette en ny applikasjon.
Under «Application root» skriver du inn «public_html/source» – hvis nettsiden skal kjøre på et annet domene enn hoveddomenet ditt, skriver du inn «dittdomene.no/source»
Under «Application URL» spesifiserer du domenet hvor nettsiden skal kjøre.
Opprett deretter applikasjonen.
Aktiver Lovable-nettsiden din
For å aktivere Lovable-nettsiden din åpner du terminalen i cPanel og kjører følgende kommandoer:
node -v pwd npm install --include=dev ./node_modules/.bin/vite build
Dette vil bygge Lovable-nettsiden din på hostingkontoen din.
Når prosessen er fullført, vil det finnes en mappe inne i /source som heter dist, altså på /source/dist/
Flytt filene fra dist-mappen slik at nettsiden blir synlig
Start med å åpne File Manager igjen.
- Gå inn i source-mappen og deretter inn i dist-mappen.
- Marker alle filene – du kan bruke funksjonen «Select all» i File Manager
- Høyreklikk på filene dine og velg «move»
- Endre for eksempel public_html/source/dist/ til public_html/ som vist nedenfor
Endre til ->
Klikk nå på «Move Files»
Og det var det! Lovable-nettsiden din skal nå være synlig på domenet ditt hos hostingleverandøren din.
Husk at du må oppdatere navneserverne til domenet ditt slik at de peker til hostingleverandøren din i stedet for Lovable. Ellers vil nettsiden fortsatt vises gjennom Lovable.
Du kan nå pause eller avslutte Lovable-abonnementet ditt helt, slik at du kun betaler for hosting ett sted.
Hvis du ønsker å gjøre endringer på nettsiden din i fremtiden, kan du ganske enkelt logge inn på Lovable igjen og koble det til GitHub-kontoen din på nytt. På den måten kan du fortsette å jobbe med nettsiden, eksportere den på nytt og laste den opp til din egen hostingkonto når du er ferdig.