GuideDrift

Egen domän i Lovable: anslut adressen utan kod

Du har publicerat appen och äger redan en domän. Nu ska adressen hos domänleverantören peka på rätt Lovable-projekt. Här går du från valet av adress via DNS och verifiering till ett enkelt prov av HTTPS. Du behöver kunna ändra DNS hos leverantören, men du behöver inte skriva kod.

Publicerad · Senast granskad

Ljus trämodell av ett hus med svart tak till höger och en mindre ljus kloss till vänster. En tunn svart linje går mellan dem, medan en bred röd linje löper från klossen mot bildens framkant. En liten mörk skylt står framför huset.
Den valda adressen och appen behöver kopplas ihop. I guiden följer du kopplingen från Lovables domänrad via DNS till ett prov av HTTPS.

Kort sagt

Kopiera DNS-posterna från just ditt projekt i Lovable. Välj först om appen ska ligga på rotdomänen eller en subdomän. Lägg sedan in de poster Lovable visar hos den leverantör som sköter din DNS. Vänta tills domänen visar Live och prova adressen med https:// i webbläsaren innan du delar den.

Före start: rätt projekt och rätt DNS-konto

Kontrollera att projektet är publicerat. Lovable låter dig ställa in en domän tidigare, men den börjar inte visa appen förrän projektet publiceras. Egen domän är en funktion på Lovables betalda planer. Du behöver minst redaktörsbehörighet i projektet och kunna ändra DNS för adressen hos domänleverantören. Om någon annan äger DNS-kontot behöver den personen lägga in posterna åt dig.

Ta också reda på vilken adress du faktiskt vill dela. Rotdomänen är till exempel exempel.se. En subdomän är app.exempel.se. Rotdomänen påverkar den adress där en befintlig webbplats kan ligga; en subdomän låter den befintliga startsidan ligga kvar. Om du ännu väljer mellan en standardadress och egen domän, börja med guiden om att publicera appen. Här utgår vi från att du redan har valt.


Steg 1: lägg till adressen i Lovable

Öppna projektet och gå till Settings → Domains. Välj Connect existing domain och sedan Connect domain. Skriv in adressen du äger. I nästa steg väljer du Root domain för exempel.se eller Subdomain för exempelvis app.exempel.se. Kontrollera raden Will be connected as innan du bekräftar. Ett felstavat namn här hjälper inga korrekta DNS-poster.

För rotdomänen är omdirigering från www förvald. Med den påslagen visar Lovable två domänrader, en för rotdomänen och en för www. Öppna Complete setup för varje rad och följ respektive instruktion. Vill du bara ansluta rotdomänen kan du stänga av valet i dialogen. För en subdomän fyller du i prefixet, till exempel app; Lovable visar hela namnet innan du fortsätter.


Steg 2: kopiera posterna till din DNS

Lovable erbjuder automatisk anslutning via Entri och manuell DNS. Om du vill lägga in posterna själv väljer du din leverantör eller Go to our manual setup. Låt Lovables fönster vara öppet och öppna DNS-inställningarna hos den som hanterar din domän i en annan flik. Det är där du skapar posterna, inte i Lovables chatt.

Den manuella vägen visar en A-post som pekar adressen mot Lovable och en TXT-post som verifierar att du styr den. För varje post ska typ, värdnamn och värde stämma med Lovables fönster. Kopiera hela TXT-värdet, inklusive början och resten av verifieringssträngen. Skriv inte in ett IP-nummer eller en verifieringssträng från en annan guide: Lovables projektvy är facit för din anslutning.

DNS-leverantörer märker fälten olika. För rotdomänen kan värdnamnet vara @, tomt eller hela domännamnet beroende på leverantör. För en subdomän används ofta prefixet. Titta på hur leverantören visar den färdiga posten så att du inte råkar skapa app.exempel.se.exempel.se. Ändra bara de poster som behövs för adressen du ansluter. Om du har andra tjänster på domänen, till exempel e-post, ska deras DNS-poster fortfarande finnas kvar.

Gå tillbaka till Lovable och klicka Done. Nu kontrollerar tjänsten DNS och ordnar certifikatet för HTTPS. Lovable anger att DNS-ändringar kan ta upp till 72 timmar att spridas, även om de flesta går igenom inom några timmar. Under väntan kan olika nätverk därför se olika resultat.


Steg 3: läs statusen innan du ändrar något

Action required betyder att inställningen behöver slutföras; öppna Complete setup. Verifying betyder att Lovable väntar på DNS. Om Unable to verify visas efter en stund, använd Check status och jämför både A-posten och hela TXT-värdet med projektvyn. Felet kan också bero på att DNS fortfarande sprids. Särskilt om du har två rader för rot och www behöver du kontrollera vilken rad som väntar.

Setting up betyder att domänen är verifierad men att HTTPS-certifikatet ännu inte är klart. Öppna inte den länken för andra förrän statusen blir Live. Vid Stalled eller Failed föreslår Lovable knappen Retry för certifikatarbetet; du behöver inte börja om med domänraden. Om SSL fortsätter att misslyckas och du har CAA-poster i DNS behöver de tillåta att Lovable utfärdar certifikat.

Live betyder enligt Lovable att domänen serverar projektet. Checking är en kort omkontroll när du öppnar inställningarna. Check failed betyder att just kontrollen inte kunde avslutas; det bevisar inte att webbplatsen är nere. Prova Check status igen och öppna adressen själv. Ändra inte DNS enbart på grund av Check failed. Connection issue ger en varning med Lovables fynd; följ den. Offline gäller en domän som tidigare var Live men inte längre pekar rätt och kan återställas med Recover.

Har du en AAAA-post för adressen du ansluter kan den enligt Lovable störa anslutningen. Jämför då DNS-listan med Lovables förutsättningar innan du ändrar den. Det är särskilt viktigt om domänen används för annat. För en genomgång av vad som ska kontrolleras vid senare ändringar, se guiden om felsökning.


Steg 4: gör ett prov med tydligt facit

Prova den exakta adress du tänker dela, med https:// framför, i ett privat webbläsarfönster. Gör om provet på en annan enhet eller ett annat nätverk om du nyss ändrat DNS. Facit är att Lovables domänrad visar Live, att webbläsaren öppnar rätt app på rätt adress och att den inte varnar för anslutningens säkerhet. Skriv in en undersida också om appen har sådana, så att du vet att en direktlänk fungerar.

Har appen inloggning, logga också in på den nya adressen. Enligt Lovable faller inloggningen när appens tillåtna omdirigeringsadresser inte innehåller domänen ännu. Med Lovables inbyggda backend (Cloud) läggs domänen till automatiskt när den blir Live; fungerar det ändå inte kan du be Lovable i projektchatten att lägga till domänen i inloggningsinställningarna. Använder appen ett eget Supabase-projekt behöver du lägga till domänen i det projektets inloggningsinställningar.

Om rotdomänens www-omdirigering är påslagen, prova både https://exempel.se och https://www.exempel.se. Båda ska nå appen och den ena ska leda till den primära domänen. Du kan välja en annan primärdomän i Lovable först när den har status Live. Om status redan är Live men webbläsaren visar fel sajt, kontrollera att du provade exakt samma värdnamn som står i projektet och låt DNS hinna uppdateras i nätverket du använder.

Klart när

Domänen visar Live, adressen öppnar rätt publicerad app via HTTPS utan säkerhetsvarning, eventuell www-adress leder rätt och eventuell inloggning fungerar på den nya adressen. Spara en skärmbild av domänstatusen och skriv ned de adresser du provade. Då har du ett facit att jämföra med om länken slutar fungera efter en senare DNS-ändring.

Källa

Produktsteg, statusar och tidsangivelse kontrollerades 28 september 2026 mot Lovable: Set up a custom domain. Öppna samma sida om knapparna i Lovable har bytt namn sedan dess.