Lektion 10 av 27
Hosting och publicering
Du har byggt något med AI. Det fungerar på din dator. Men om du stänger av datorn försvinner allt, och ingen annan kan se det. Varför?
Tänk så här: det du byggt är som ett dokument som bara finns på ditt skrivbord. Du kan titta på det, men om du vill att någon annan ska se det behöver du lägga det på en plats som alla kan nå, som en anslagstavla som alltid är öppen.
Just nu ligger din app i en mapp på din dator. När du kör den i Cursor ser du den i webbläsaren, men det är bara din dator som visar den för sig själv. Ingen annan kan komma åt den.
Publicering betyder att du kopierar din app till en dator som alltid är igång och alltid är kopplad till internet. Sedan får du en länk (som snabbprompt.se) som vem som helst kan klicka på.
Vercel är som en digital anslagstavla för appar. Du laddar upp det du byggt och får en länk direkt. Det är gratis för hobbybruk.
Så gör du:
Varje gång du gör en ändring i koden och sparar uppdateras sidan automatiskt. Du behöver aldrig tänka på det igen.
Om din app bara visar information (en hemsida, en portfolio) räcker Vercel. Men om din app behöver spara saker (användarinloggning, formulärdata, beställningar) behöver den en databas.
Tänk på det som skillnaden mellan en affisch och en butik. En affisch visar information. En butik behöver hålla koll på vad som finns i lager, vilka kunder som handlat och vad de beställt.
Supabase ger dig precis det: en plats där din app kan spara och hämta information. Det är gratis att komma igång.
Vercel + Supabase tillsammans:
De flesta appar du bygger med Cursor kan kopplas till Supabase genom att helt enkelt be AI:n om det: "Lägg till en databas med Supabase så att användare kan logga in."
Många vibe coding-verktyg har en publiceraknapp direkt:
Det här funkar bra för enkla projekt och prototyper.
En riktig webbadress (dittforetag.se) gör stor skillnad för trovärdigheten. Det kostar ungefär 100-150 kr per år.
Steg:
| Vad | Pris |
|---|---|
| Hosting (Vercel) | Gratis för hobbybruk |
| Databas (Supabase) | Gratis för hobbybruk |
| Domän (.se) | ~100-150 kr/år |
| SSL (säker anslutning) | Gratis (ingår automatiskt) |
Total kostnad: Ofta bara domänen, alltså runt 100-150 kr per år.
Varför kan ingen annan se din app om du bara kör den i Cursor?
Vercel (hosting):
Supabase (databas):
Startmall (Vercel + Supabase färdigt):
Du har byggt något med AI. Det fungerar på din dator. Men om du stänger av datorn försvinner allt, och ingen annan kan se det. Varför?
Tänk så här: det du byggt är som ett dokument som bara finns på ditt skrivbord. Du kan titta på det, men om du vill att någon annan ska se det behöver du lägga det på en plats som alla kan nå, som en anslagstavla som alltid är öppen.
Just nu ligger din app i en mapp på din dator. När du kör den i Cursor ser du den i webbläsaren, men det är bara din dator som visar den för sig själv. Ingen annan kan komma åt den.
Publicering betyder att du kopierar din app till en dator som alltid är igång och alltid är kopplad till internet. Sedan får du en länk (som snabbprompt.se) som vem som helst kan klicka på.
Vercel är som en digital anslagstavla för appar. Du laddar upp det du byggt och får en länk direkt. Det är gratis för hobbybruk.
Så gör du:
Varje gång du gör en ändring i koden och sparar uppdateras sidan automatiskt. Du behöver aldrig tänka på det igen.
Om din app bara visar information (en hemsida, en portfolio) räcker Vercel. Men om din app behöver spara saker (användarinloggning, formulärdata, beställningar) behöver den en databas.
Tänk på det som skillnaden mellan en affisch och en butik. En affisch visar information. En butik behöver hålla koll på vad som finns i lager, vilka kunder som handlat och vad de beställt.
Supabase ger dig precis det: en plats där din app kan spara och hämta information. Det är gratis att komma igång.
Vercel + Supabase tillsammans:
De flesta appar du bygger med Cursor kan kopplas till Supabase genom att helt enkelt be AI:n om det: "Lägg till en databas med Supabase så att användare kan logga in."
Många vibe coding-verktyg har en publiceraknapp direkt:
Det här funkar bra för enkla projekt och prototyper.
En riktig webbadress (dittforetag.se) gör stor skillnad för trovärdigheten. Det kostar ungefär 100-150 kr per år.
Steg:
| Vad | Pris |
|---|---|
| Hosting (Vercel) | Gratis för hobbybruk |
| Databas (Supabase) | Gratis för hobbybruk |
| Domän (.se) | ~100-150 kr/år |
| SSL (säker anslutning) | Gratis (ingår automatiskt) |
Total kostnad: Ofta bara domänen, alltså runt 100-150 kr per år.
Varför kan ingen annan se din app om du bara kör den i Cursor?
Vercel (hosting):
Supabase (databas):
Startmall (Vercel + Supabase färdigt):
Tom skärm. Ingen kod. Ingen aning om HTML. Och om en timme har du en publicerad webbsida med ditt namn på. Låt oss göra det.
