Lav gratis hjemmeside med AI (2026)

Du kan bygge og publicere en professionel hjemmeside helt gratis — uden betalt hosting og uden at hyre en webudvikler. Med Claude Code til at skrive koden, Zed som editor, GitHub til versionsstyring og Cloudflare Pages til hosting er du kørende på under en eftermiddag.

Denne guide er en hands-on tutorial med præcise kommandoer og screenshots hele vejen igennem.

Er denne guide noget for dig?

Lad os være ærlige fra start: dette er ikke for alle. Der er en læringskurve, og du vil støde på udfordringer undervejs — det er en del af processen.

Vil du have noget du kan sætte op på en time uden teknisk baggrund, er du sandsynligvis bedre hjulpet af mere begyndervenlige platforme som One.com eller Webnode. Du kan læse mere i vores guide til at lave din egen hjemmeside.

Er du til gengæld nysgerrig på teknologi og ikke bange for terminalen — så er dette en fantastisk løsning. Resultatet er en lynhurtig, professionel hjemmeside du har fuld kontrol over.

Hvad koster det?

Hosting hos Cloudflare Pages er gratis. Men der er to ting at budgettere med:

Domænenavn koster ca. 70-100 kr. om året hos en dansk udbyder. Det er den eneste faste udgift.

Claude Code kræver et Claude Pro-abonnement til EUR 20/md. Det er et kraftfuldt AI-kodningsværktøj der arbejder direkte i din terminal — langt hurtigere end at chatte sig frem manuelt. Du kan godt starte uden og bruge gratis Claude, Gemini eller ChatGPT til at generere koden, men det er langsommere og kræver mere kopiering frem og tilbage. Du kan fint opsige abonnementet efter en måned.

Se vores oversigt over hvad en hjemmeside koster for at forstå, hvad du sparer sammenlignet med traditionelle løsninger.

Hvad skal din hjemmeside bygges i?

En af de første beslutninger du skal træffe er, hvilket teknisk fundament din hjemmeside skal bygges på. Claude Code kan bygge i mange forskellige frameworks — men det er ikke nødvendigt at vælge noget avanceret for at komme i gang.

Ren HTML/CSS/JavaScript er det enkleste udgangspunkt og det jeg anbefaler til begyndere. Det er den klassiske måde at bygge hjemmesider på: én HTML-fil per side, én CSS-fil til styling (altså hvordan hjemmesiden ser ud), og eventuelt lidt JavaScript til interaktivitet. Ingen builds, ingen afhængigheder — du åbner bare filen i en browser og ser resultatet med det samme. Det er det, vi bruger i denne guide.

Frameworks er strukturerede måder at bygge større eller mere avancerede sider på. De tilføjer funktioner som automatisk sidegenerering, komponentbaseret kode og hurtigere indlæsning. De mest populære er:

• Astro — ideel til hjemmesider og blogs. Genererer statiske HTML-filer, som er ultrahurtige og nemme at deploye på Cloudflare Pages. Et populært valg til præcis denne type projekt.
• Next.js — bygget på React og velegnet til mere komplekse sider, fx med dynamisk indhold, brugerlogin eller en webshop. Kræver lidt mere opsætning.
• SvelteKit — moderne og letvægtigt alternativ til Next.js. Populært for sin enkle syntaks.

Du behøver ikke vide, hvad de er, for at bruge dem — Claude Code kender dem alle og sætter det hele op for dig, hvis du beder om det. Men til din første hjemmeside er ren HTML/CSS/JavaScript det bedste udgangspunkt: færre ting der kan gå galt, og lettere at forstå hvad der sker. Du kan altid bede Claude Code om at migrere projektet til et framework senere, når du er klar til det.

Trin 1: Opret de nødvendige konti

Inden vi starter skal du have tre gratis konti klar:

1. GitHub.com — opret en gratis konto. GitHub bruges til at gemme og versionere din kode.
2. Cloudflare.com — opret en gratis konto. Cloudflare Pages er din gratis hosting.
3. Claude.ai — opret en konto og opgrader til Pro, hvis du vil bruge Claude Code.

Køb også dit domæne hos en dansk udbyder, fx one.com. Når du har det, skal du pege domænets DNS-indstillinger over til Cloudflare. Læs her hvordan du skifter din DNS til Cloudflare.

Trin 2: Installer Zed

Zed er din kodeeditor. Den er bygget i Rust og er markant hurtigere end fx VS Code. Download og installer den fra zed.dev — det er en helt normal installation ligesom ethvert andet program.

Åbn Zed efter installation. Du vil se et tomt vindue med en velkomstskærm.

Trin 3: Installer Claude Code

Åbn din terminal — på Mac finder du den under Programmer → Hjælpeprogrammer → Terminal, eller søg "Terminal" i Spotlight. På Windows bruger du PowerShell.

Kør herefter ét kommando afhængigt af dit system:

Mac og Linux:

curl -fsSL https://claude.ai/install.sh | bash

Windows (PowerShell):

irm https://claude.ai/install.ps1 | iex

Tjek at installationen lykkedes ved at skrive:

claude --version

Du bør se et versionsnummer. Hvis du ser "command not found", luk terminalen og åbn den igen.

Log derefter ind med din Anthropic-konto ved at skrive claude i terminalen. Første gang åbner den en browser, hvor du logger ind med dit Claude Pro-abonnement. Derefter er du klar.

Trin 4: Opret din mappe og start projektet

Opret en ny mappe til din hjemmeside og åbn den i Zed. Kør dette i terminalen:

mkdir min-hjemmeside
cd min-hjemmeside

Åbn nu mappen i Zed og vælg din nye mappe som 'Projekt':

Åbn Claude Code i Zed's agent-panel med Cmd+? på Mac eller Ctrl+? på Windows/Linux. Klik på + øverst til højre i panelet og vælg Claude Code.

Første gang installerer Zed automatisk Claude Code-adapteren. Klik Log in with Claude Code og følg instruktionerne.

Trin 5: Bed Claude Code om at bygge din hjemmeside

Nu er det sjove: beskriv din hjemmeside direkte i agent-panelet. Vær konkret om indhold, stil og formål. Jo mere specifik du er, desto bedre resultat. Et eksempel på en god startprompt:

"Lav en professionel hjemmeside til en lokal håndværker. Den skal have en forside med en præsentation og et billede, en side med ydelser (maler, gulv og flise), og en kontaktside med formular. Brug et rent, moderne design med hvid baggrund, mørkeblå overskrifter og en call-to-action knap. Brug HTML, CSS og lidt JavaScript — ingen frameworks."

Claude Code begynder at oprette filer i din mappe. Du kan se dem dukke op i Zed's sidebar til venstre, efterhånden som de oprettes. Godkend de handlinger Claude Code beder om tilladelse til — det er normalt at den spørger flere gange.

Trin 6: Brug Claude Code Skills til bedre resultater

En af de kraftfulde funktioner i Claude Code er Skills — markdown-filer med specialiserede instruktioner du kan kalde frem i enhver session med /skill-navn.

Et godt eksempel er en Frontend Skill: en fil der fortæller Claude Code præcis, hvordan den skal strukturere og style frontend-kode, hvilke mønstre den skal følge, og hvad den skal undgå. Du downloader den til din projektmappe og aktiverer den med:

/frontend

Du finder Skills i Claude Code-fællesskabet på GitHub, eller du kan bede Claude Code om at oprette en til dig baseret på dine præferencer.

Trin 7: Se din side lokalt

Inden vi sender koden til GitHub og Cloudflare, vil du se hvordan siden ser ud lokalt. Bed Claude Code om at starte en lokal server:

"Start en lokal dev server så jeg kan se hjemmesiden i browseren"

Claude Code kører kommandoen for dig — typisk noget som:

python3 -m http.server 8000

Åbn http://localhost:8000 i din browser og iterér indtil du er tilfreds. Eksempler på ting du kan bede om:

• "Gør overskriften større og skift farven til #1a2e4a"
• "Tilføj et testimonials-afsnit med tre kundecitater"
• "Sørg for at siden ser god ud på mobil"

Trin 8: Send koden til GitHub

Gå til github.com, log ind, og klik på + øverst til højre → New repository. Giv dit repository et navn (fx min-hjemmeside), sæt det til Public eller Private, og klik Create repository — hak ikke af i "Add a README file".

GitHub viser dig nu en side med en URL til dit repository — den ser ud som:

https://github.com/ditbrugernavn/min-hjemmeside.git

Nu kan du enten bede Claude Code om at klare git-delen for dig — hvilket er den nemmeste vej:

"Initialiser et git repository, commit alle filer og push til https://github.com/ditbrugernavn/min-hjemmeside.git"

Fremover kan du på samme måde bare skrive:

"Commit og push til GitHub med beskeden 'Tilføjet kontaktside'"

— og Claude Code klarer det. Vil du gøre det manuelt, er kommandoerne disse:

git init
git add .
git commit -m "Første version af min hjemmeside"
git branch -M main
git remote add origin https://github.com/ditbrugernavn/min-hjemmeside.git
git push -u origin main

Gå tilbage til GitHub og genindlæs siden — du bør se alle dine filer der.

Trin 9: Forbind til Cloudflare Pages og gå live

Klik Continue with GitHub. Du bliver sendt til GitHub, hvor du godkender Cloudflare-appen. Vælg Only select repositories og vælg dit min-hjemmeside-repository. Klik Install & Authorize.

Du kan nu se dit repository i listen. Klik på det → Begin setup. På næste skærm udfylder du:

• Project name: giv siden et navn (bruges til den midlertidige URL, fx min-hjemmeside.pages.dev)
• Production branch: main
• Build command: efterlad tom for simpel HTML/CSS. Bruger du Astro eller Next.js, spørg Claude Code hvad kommandoen er.
• Build output directory: efterlad tom for simpel HTML, eller udfyld med dist / out afhængigt af dit framework.

Klik Save and Deploy. Efter 1-2 minutter er din side live på:

https://min-hjemmeside.pages.dev

Trin 10: Tilknyt dit eget domæne

Din side kører nu på en midlertidig pages.dev-URL. For at bruge dit eget domæne:

1. Gå til dit Pages-projekt i Cloudflare → Custom domains → Set up a custom domain
2. Skriv dit domænenavn (fx www.ditdomæne.dk) og klik Continue
3. Da dit domæne allerede bruger Cloudflare som DNS, sker dette automatisk

Du kan læse mere om opsætning af DNS i vores Cloudflare DNS-guide.

Trin 11: Opdater din hjemmeside fremover

Fremover er din arbejdsgang simpel. Lav ændringer i Zed med Claude Code, og bed derefter Claude Code om at committe:

"Commit og push til GitHub med beskeden 'Opdatering: ny kontaktside'"

Cloudflare opdager automatisk den nye version og deployer den inden for sekunder — ingen manuel handling nødvendig.

Hvornår giver WordPress mere mening?

Denne opsætning er ideel til porteføljesider, landingpages og præsentationssider. Men skal du have en webshop, brugerlogin, booking-system eller en blog med mange forfattere, er WordPress med dansk webhosting sandsynligvis et bedre udgangspunkt. En statisk hjemmeside som denne er til gengæld ekstremt hurtig, da der ikke er database eller PHP involveret — en klar fordel sammenlignet med en standard WordPress-side der kræver en del hastighedsoptimering.

Kom i gang i dag

At bygge en gratis hjemmeside med Claude Code, Zed, GitHub og Cloudflare Pages er ikke den nemmeste vej — men det er til gengæld en af de mest lærerige. Du ender op med en lynhurtig hjemmeside du forstår indefra og ud, og en arbejdsgang du kan genbruge til alle fremtidige projekter.

Start i det små. Lav en simpel HTML-side med tre undersider, få den live på Cloudflare Pages, og byg videre derfra. Når du har gennemført det én gang, er anden gang meget nemmere.

Har du ikke lyst til at gå den tekniske vej, er du som sagt altid velkommen til at læse vores guide til at lave din egen hjemmeside — der er en løsning til alle niveauer.