Publiser AI-lagde web-apper gratis med Netlify Drop | Fortolker

Med AI-verktøy som Claude, ChatGPT og Cursor kan alle lage små web-apper: En kalkulator, et påmeldingsskjema, en presentasjon eller et lite internt verktøy.

Men når koden er ferdig, står mange fast på det aller siste steget: Hvordan får jeg dette ut på nett, slik at andre kan bruke det?

Jeg har brukt Netlify til en hel rekke prosjekter, og nesten alt har vært helt gratis. Den enkleste veien inn er Netlify Drop, der du bokstavelig talt drar og slipper en fil inn i nettleseren.

Her er en liten guide til hvordan det funker!

Hva er Netlify Drop?

Netlify er en tjeneste for å publisere nettsider og webapper. Drop er dra-og-slipp-funksjonen deres: Du går til app.netlify.com/drop, slipper en mappe med filene dine (eller en enkelt HTML-fil), og får en ferdig nettadresse i løpet av sekunder. Ingen server, ingen kommandolinje og ingen Git.

Det er smart for det meste AI lager for deg: Nettsider og apper som er bygget med HTML, CSS og JavaScript, og som kjører rett i nettleseren.

Guide: Fra AI-chat til live nettside

1. Be AI-en om én ferdig fil

Det enkleste er å samle alt i én fil. Skriv for eksempel: «Lag dette som én selvstendig index.html-fil, med CSS og JavaScript bygget inn.» Da slipper du å holde styr på mange filer. Bruker du Claude, kan du laste ned det ferdige resultatet som en HTML-fil.

2. Lagre filen i en egen mappe

Lag en ny mappe på maskinen, for eksempel «min-app», og lagre filen der med navnet index.html. Navnet er viktig: Det er index.html som vises når noen åpner adressen. Har du bilder eller andre filer, legger du dem i den samme mappen. Dersom filen heter noe annet vil Netlify uansett navngi den riktig for deg.

3. Logg inn, og dra mappen eller filen inn i Netlify Drop

Opprett en gratis konto på Netlify, og logg inn. Åpne app.netlify.com/drop og dra hele mappen inn i feltet. Etter noen sekunder er siden live, på en tilfeldig adresse som ligner «glittering-fox-12ab34.netlify.app».

Du kan også laste opp uten å være logget inn, men da er siden midlertidig: Du må knytte den til en konto innen én time, ellers forsvinner den. Mitt tips er derfor å logge inn først.

4. Gi siden et bedre navn

Åpne prosjektet, og gå til Project configuration. Der kan du endre navnet, slik at adressen for eksempel blir «budsjettkalkulator.netlify.app». Vil du heller bruke ditt eget domene, som app.dittfirma.no, kan du koble det til gratis under Domain management.

5. Oppdater siden når du gjør endringer

Har AI-en laget en ny versjon? Åpne prosjektet, gå til Deploys og dra den oppdaterte mappen inn i feltet nederst på siden. Adressen forblir den samme, så alle som har lenken, får den nye versjonen automatisk.

Smarte bruksområder

Prototyper og demoer: En lenke til kunder eller kolleger er mye enklere enn et skjermopptak, og de kan teste selv.
Små interne verktøy: kalkulatorer, sjekklister, dashboards, konverterere og oversikter.
Landingssider for arrangementer, kampanjer eller et nytt produkt.
Presentasjoner og rapporter laget som nettside i stedet for PDF.
Enkle skjemaer: Netlify Forms tar imot innsendinger fra vanlige HTML-skjemaer, uten at du trenger en egen server. Legg til data-netlify="true" på skjemaet, og skru på skjemadeteksjon under Forms i prosjektet.

Har du et litt større prosjekt, for eksempel laget med React eller Vite, kan du dra inn hele prosjektmappen mens du er logget inn. Da bygger Netlify prosjektet for deg før det publiseres.

Hva koster det egentlig?

Gratisløsningen gir deg 300 kreditter i måneden, delt på alle prosjektene dine. Hver publisering koster 15 kreditter, og trafikk koster 20 kreditter per GB. For små prosjekter rekker det langt, men legg merke til at 20 publiseringer i løpet av en måned er nok til å bruke opp hele kvoten.

Det fine er at du aldri får en regning du ikke har bedt om: Når kredittene er brukt opp, settes sidene bare på pause til neste måned.

Tips: Samle opp endringene, og publiser dem samlet, i stedet for å laste opp på nytt for hver lille justering.

Kontoer som ble opprettet før september 2025, kan fortsatt ligge på den gamle gratisløsningen, som har andre grenser.

Tre ting du bør passe på

Ikke legg hemmeligheter i koden. Alt i en side som dette kan leses av alle som besøker den. Har AI-en lagt inn en API-nøkkel, for eksempel til OpenAI eller Anthropic, kan hvem som helst finne og misbruke den. Slike nøkler hører hjemme på en server, ikke i nettleseren.
Siden er offentlig. Alle med lenken kan åpne den, og den kan dukke opp i søk. Passordbeskyttelse krever en betalt versjon av Netlify, så ikke legg ut noe som er konfidensielt eller inneholder personopplysninger.
Drop passer best for enkle apper. Siden kjører i nettleseren. Trenger appen en database, innlogging eller lagring av data på tvers av brukere, må du se på andre løsninger, eller på Netlifys mer avanserte funksjoner.

Oppsummert

Netlify Drop er den raskeste veien fra «AI-en har laget noe kult» til «her er lenken». Be om en html-fil, legg den i en mappe, dra mappen inn, og du er i gang. Gratis, på under ett minutt.

Lykke til, og tips meg gjerne om du har andre gode forslag til verktøy eller bruksområder som jeg bør dele :)