Hva betyr det å vibe code et prosjekt?

Vibe coding er når du beskriver hva du vil ha til en AI som Claude eller ChatGPT, AI-en koder det, og du justerer til det sitter. Du ender ofte opp med ren HTML, litt JavaScript og ingen tung backend.

Hvordan får jeg et vibe codet HTML-prosjekt ut på nett?

Du trenger et sted filene kan bo døgnet rundt. Hos oss får du et FTP-opplastingsområde der du drar HTML-filene inn, så er de live. Vi tar oss av SSL, domenepeking og infrastruktur, så du slipper servere og kommandolinje.

Hva er FTP og hvordan bruker jeg det til å laste opp filer?

FTP er en enkel måte å laste filer opp til serveren på. Du drar filene inn i et program, og de havner rett på nett. Ingen kommandolinje, ingen Docker, ingen server du må passe på.

Trenger jeg et SSL-sertifikat for HTML-siden min?

Ja. SSL-sertifikatet gir siden hengelås og https i adressefeltet. Uten det merker nettleseren siden som «ikke sikker», og besøkende blir skeptiske. Vi ordner sertifikatet i oppsettet.

Hvordan lager jeg et kontaktskjema uten backend?

Bruk en tjeneste som Formspree eller Web3Forms. Du legger inn en liten kodesnutt i skjemaet, peker det mot deres adresse, og henvendelsen havner rett i innboksen din. Ingen server, database eller kode du må vedlikeholde.

Hva er cache busting?

Et triks som tvinger nettleseren til å hente den nye versjonen av filene dine i stedet for en gammel, lagret kopi. Du legger et versjonsmerke som ?v=1 på CSS- og JS-filene og øker tallet ved endringer.

Bør jeg holde HTML-prosjektet i én fil?

Ja, aller helst én self-contained HTML-fil med CSS og JavaScript rett inni. Jo færre filer, jo færre lenker kan knekke når du flytter til server. Det laster også raskere for besøkende.

Hvordan legger jeg til bilder eller bibliotek når alt ligger i én fil?

Last det fra et CDN med full URL. Da slipper du å holde styr på mappestrukturen selv, og du unngår at relative stier peker feil.

Hvorfor er det billig å hoste en vibe codet HTML-side?

En vibe codet HTML-løsning er statiske filer og krever nesten ingenting av en server. Ingen tung database som maler i bakgrunnen, ingen tjenester som spiser minne. Derfor blir hostingen rimelig.

Hva bør jeg sjekke før jeg legger prosjektet ut på nett?

Samle prosjektet i så få filer som mulig, test at alt virker lokalt, koble kontaktskjema til Formspree eller Web3Forms, legg versjonsmerke på CSS og JS, ha domenenavnet klart, og sjekk at siden ikke laster API-nøkler eller passord i klartekst.

Kan jeg oppdatere siden selv etter at den er lansert?

Ja. Du laster opp en ny versjon via FTP når du vil, og resten går av seg selv. Sånn gjorde vi det for app.lagersystemer.no, der utvikleren drar inn nye HTML-filer selv.

Hva gjorde Funbit for app.lagersystemer.no?

Vi ga utvikleren et FTP-opplastingsområde for den vibe codede HTML-løsningen, satte opp SSL-sertifikat så adressen kjører på https, ordnet domene og peking, og la det på rask infrastruktur. Han slipper å lære seg servere.

Er det trygt å ha API-nøkler i ren HTML?

Nei. API-nøkler og passord hører ikke hjemme i ren HTML, siden koden er synlig for alle. Sjekk at siden ikke laster hemmeligheter i klartekst før du legger den ut.

Hva er DNS og hvorfor er det viktig for nettsiden min?

DNS er systemet som kobler domenenavnet ditt, for eksempel dittprosjekt.no, til serveren der filene faktisk ligger. Feil oppsett her, og ingen finner siden. Vi setter opp pekingen for deg.

Forside
|
Blogg
|
Vibe coder du? Slik host…

Vibe coder du? Slik hoster vi HTML-en din

Du har vibe codet noe kult i Claude eller ChatGPT, og nå ligger det bare der på maskinen din. Hvordan får du det ut på nett uten å drukne i SSL, domener og serverkonfig? Vi fikset akkurat dette for app.lagersystemer.no, og her forteller vi hvordan.

Tett samarbeid og teknisk kvalitetssikring mellom to systemutviklere ved en av Funbits arbeidsstasjoner

Av

Alex Simpson

Publisert

24. august 2026

Tjenester

Ferdigheter

Du har bygget noe. Nå hva?

Du satt en kveld med Claude eller ChatGPT åpen, beskrev hva du ville ha, og plutselig fungerte det. En liten nettapp. Et internt verktøy. En kalkulator kundene dine kan bruke. Vibe coding, altså. Du beskriver, AI-en koder, og du justerer til det sitter.

Og så kommer spørsmålet ingen prompt løser for deg: hvor skal dette bo? Filene ligger på maskinen din. Skal du sende dem på e-post til folk? Neppe. Du vil ha en ordentlig adresse, noe som ligger ute døgnet rundt, noe andre kan bruke uten at du må ha PC-en på.

Det er her de fleste vibe codere går i stampe. Ikke fordi koden er dårlig, men fordi hosting er et helt eget fagfelt. SSL-sertifikater, DNS, domenepeking, servere. Ord som ikke dukket opp da du bygget selve greia. Vi hjelper med akkurat den biten, og vi gjorde det nylig for app.lagersystemer.no.

Hva vi gjorde for Lagersystemer

Bak app.lagersystemer.no lå en løsning som var vibe codet. Ren HTML, litt JavaScript, ingen tung backend. Utvikleren ville ikke lære seg servere. Han ville bare ha løsningen sin trygt på nett.

Så vi ga ham et FTP-opplastingsområde. Han kobler seg til, drar HTML-filene inn, og de er live. Ferdig. Ingen kommandolinje, ingen Docker, ingen server han må passe på. Vi tok oss av SSL-sertifikatet så adressen får hengelåsen og kjører på https. Vi satte opp domenet og pekingen. Vi sørget for at det ligger på rask infrastruktur som ikke faller ned.

For ham betyr det at han kan holde på med det han faktisk liker – å bygge og forbedre løsningen – uten å bruke en helg på å google hvorfor sertifikatet hans ikke fornyer seg. Han laster opp en ny versjon når han vil, og resten går av seg selv.

Ord du møter på veien

SSL-sertifikat: Det som gir nettsiden din hengelås og https i adressefeltet. Uten det merker nettleseren siden som «ikke sikker», og besøkende blir skeptiske.
DNS: Systemet som kobler domenenavnet ditt (dittprosjekt.no) til serveren der filene faktisk ligger. Feil oppsett her og ingen finner siden.
FTP: En enkel måte å laste filer opp til serveren på. Du drar filene inn i et program, og de havner rett på nett.
Cache busting: Et triks som tvinger nettleseren til å hente den nye versjonen av filene dine i stedet for en gammel, lagret kopi.

Hold HTML-en self-contained

Her er det første tipset som sparer deg for mye hodebry: prøv å holde prosjektet i så få filer som mulig. Aller helst én HTML-fil med CSS og JavaScript rett inni.

Hvorfor? Fordi jo færre filer, jo færre ting kan peke feil. Når AI-en splitter opp i ti filer med relative stier mellom seg, er det lett at én av lenkene knekker når filene flyttes til serveren. Én selvstendig fil laster du opp, og den bare virker. Det er også raskere for den som besøker siden, fordi nettleseren bare henter én ting i stedet for å pinge frem og tilbake.

Trenger du bilder eller et bibliotek utenfra, last det fra et CDN med full URL. Da slipper du å holde styr på mappestrukturen selv.

Kontaktskjema uten backend

Vil du at folk skal kunne sende deg en melding fra siden? Det klassiske problemet er at et kontaktskjema trenger noe på baksiden som tar imot og sender e-posten. Og backend er nettopp det du ikke har når du bare hoster HTML.

Løsningen er en tjeneste som gjør jobben for deg. Formspree og Web3Forms er to gode alternativer. Du legger inn en liten kodesnutt i skjemaet ditt, peker det mot deres adresse, og når noen fyller ut skjemaet får du henvendelsen rett i innboksen. Ingen server, ingen database, ingen kode du må vedlikeholde.

Begge har gratisnivå som holder lenge for et lite prosjekt. Formspree er kjapp å komme i gang med. Web3Forms krever ikke engang at du registrerer en konto for å starte – du får en nøkkel og setter i gang. For de fleste vibe codede løsninger er dette mer enn nok.

Fella som heter caching

Dette er den som får folk til å rive seg i håret. Du laster opp en ny versjon, åpner siden, og den ser helt lik ut. Ingenting har endret seg. Har opplastingen feilet?

Som regel ikke. Nettleseren har bare lagret en kopi av den gamle filen for å slippe å laste den på nytt. Den viser deg fjorårets versjon, og du blir gæren.

Trikset kalles cache busting. Du gir filene et versjonsmerke, for eksempel style.css?v=2 i stedet for bare style.css. Neste gang du endrer noe, bumper du tallet til v=3. Nettleseren ser en ny adresse og henter friskt. For HTML-filen selv kan vi sette opp serveren til å sende riktige cache-regler, så besøkende alltid får siste versjon uten at du trenger tenke på det. Det er en av tingene vi ordner i oppsettet.

Sjekkliste før du legger prosjektet ut

Gå gjennom disse før du sender filene på nett, så slipper du de vanligste overraskelsene.

✓
Samle prosjektet i så få filer som mulig Aller helst én self-contained HTML-fil.
✓
Test at alt virker når du åpner filen lokalt Ser den riktig ut i nettleseren før opplasting, ser den riktig ut på server.
✓
Koble kontaktskjema til Formspree eller Web3Forms Slik at henvendelser faktisk når deg.
✓
Legg versjonsmerke på CSS- og JS-filer For eksempel ?v=1, så cache busting fungerer senere.
✓
Ha domenenavnet klart hvis du vil ha egen adresse Eller bruk en adresse vi setter opp for deg.
✓
Sjekk at siden ikke laster hemmeligheter i klartekst API-nøkler og passord hører ikke hjemme i ren HTML.

Hvorfor billig faktisk er billig

En vibe codet HTML-løsning krever nesten ingenting av en server. Det er statiske filer. Ingen tung database som maler i bakgrunnen, ingen tjenester som spiser minne. Derfor kan hosting av dette koste lite – du betaler ikke for kraft du ikke bruker.

Det er der mange bommer. De setter opp en full server med alt mulig fordi de tror de trenger det, og ender med en månedsregning og et vedlikeholdsansvar de aldri ba om. For en ren HTML-side er det som å leie lastebil for å frakte en pose brød.

Vi jobber til daglig med utvikling og drift for norske SMB-er, alt fra Wagtail-sider til Shopify Headless-oppsett. Vi vet hvor lite en statisk side egentlig trenger, og vi setter opp hostingen deretter. Trygt, raskt, uten at du må bli serveradministrator på fritiden.