I denne guide vil vi se, hvordan du kan eksportere din Lovable-hjemmeside og hoste den hos Nordicway.
Hos Nordicway kan du nemlig køre Node.js, som er en forudsætning for, at din Lovable-side fungerer.
Lovable er et virkelig nemt værktøj til at lave simple hjemmesider med, og du kan hurtigt få lavet en pæn side på kort tid. Desværre er Lovable meget dyrt, og mange vil derfor gerne hoste deres side hos en udbyder, der ikke er Lovable.
I denne guide viser vi derfor, hvordan du hurtigt kan eksportere din Lovable-hjemmeside og få den til at køre hos os.
Det er vigtigt at understrege, at denne guide kun kan bruges til relativt simple hjemmesider. Har du f.eks. en backend forbundet til din Lovable-side eller driver en webshop via Lovable, vil denne guide ikke fungere.
For at bruge guiden skal du have:
- En hjemmeside hos Lovable
- En konto hos GitHub (gratis – kan oprettes på få minutter)
- En hostingkonto, hvor du kan køre Node.js – f.eks. hos Nordicway
Synkroniser din Lovable-side til GitHub
Start med at logge ind på din Lovable-konto og gå ind og åbne det projekt, du gerne vil have eksporteret.
Herefter klikker du på det lille GitHub-ikon i øverste højre hjørne.
Det er her, du får brug for en GitHub-konto.
Det tager heldigvis kun 2 minutter at oprette en konto, og det er gratis.
Så opret en GitHub-konto og sørg for at være logget ind.
Når du er logget ind på GitHub og Lovable samtidig, vil Lovable automatisk forbinde med GitHub og synkronisere din side hertil:
Download din Lovable-side fra GitHub
Din side er nu synkroniseret/eksporteret til GitHub, og du kan nu downloade den.
Gå til GitHub på den URL, du får under “Clone Repository”, og download dit site som zip-fil:
Upload din side til din egen host
Nu har du en zip-fil med din Lovable-side.
Log ind på din konto hos Nordicway, gå ind i cPanel og åbn din File Manager.
Her uploader du din zip-fil.
- Hvis siden skal ligge på dit hoveddomæne, uploader du din zip-fil til public_html
- Hvis siden skal ligge på et andet domæne, uploader du zip-filen i mappen med samme navn som domænet.
Når zip-filen er uploadet, pakker du den ud ved at højreklikke på den og trykke “unzip”:
Du får nu en mappe med navnet på din zip-fil, f.eks. “captivating-captures-main” (alt efter hvad dit GitHup repository har heddet)
-> Omdøb mappen til “source”
Din side er nu udpakket og ligger i mappen “source”
Forbind Lovable med Node.js
Gå nu ind i cPanel igen og find Node.js
Herinde skal du starte en ny applikation
Under “Application root” skriver du “public_html/source” – skulle hjemmesiden køre på et andet domæne end dit hoveddomæne, skal du skrive “ditdomæne.dk/source”
Under “Application URL” angiver du det domæne, hvor hjemmesiden skal køre.
Opret herefter applikationen
Aktiver din Lovable-hjemmeside
For at aktivere din Lovable-side skal du nu gå ind i din terminal i cPanel og køre denne ene command:
node -v pwd npm install --include=dev ./node_modules/.bin/vite build
Dette vil bygge din Lovable-hjemmeside hos din host.
Når den er færdig, vil der være en mappe i /source, som hedder dist, altså i /source/dist/
Flyt filer i dist-mappen, for at din hjemmeside vises
Start med at gå ind i din File Manager igen.
- Gå ind i source-mappen og videre ind i dist-mappen.
- Marker alle filerne, brug evt. “Select all”-funktionen i File Manager
- Højreklik på dine filer og vælg “move”
- Ændr f.eks. public_html/source/dist/ til public_html/ som vist herunder
Ændres til ->
Tryk nu “Move Files”
Og det var det! Nu burde din Lovable-hjemmeside blive vist på dit domæne hos din host.
Husk, at du selvfølgelig skal have skiftet navneservere på dit domæne, så det peger mod din host i stedet for Lovable, ellers vil siden fortsat vises hos Lovable.
Du kan nu sætte dit Lovable-abonnement på pause eller opsige det helt, så du kun betaler for hosting ét sted.
Vil du på et tidspunkt ændre på din hjemmeside, kan du igen oprette dig hos Lovable og forbinde det med din GitHub-konto – herved kan du arbejde videre på siden, eksportere den og igen uploade den til din egen host, når du er færdig.
Om forfatteren
