Sådan bygger du en hjemmeside med Claude Code — uden at kode (2026-guide)

Du behøver ikke være udvikler for at bygge en professionel hjemmeside i 2026. Med Claude Code kan du gå fra nul til en færdig, live hjemmeside på 10–20 minutter — uden at skrive en eneste linje kode selv. Her er den komplette fremgangsmåde i 8 trin.

Trin 1: Installer og åbn Claude Code

Åbn din terminal og kør følgende kommando:

npm install -g @anthropic-ai/claude-code

Naviger derefter til den mappe, du vil arbejde i, og skriv claude for at starte. Claude Code er nu aktiv og klar til at bygge for dig.

Trin 2: Definer ét klart mål

Inden du skriver noget som helst, skal du beslutte dig for, hvad din hjemmeside skal gøre — ikke hvordan den skal se ud. Det er en afgørende forskel.

Vælg ét primært mål:

• Indsamle e-mail-tilmeldinger
• Booke opdagelsesmøder
• Sælge et produkt
• Vise din portefølje frem

Et klart mål giver Claude en konkret retning at bygge efter og forhindrer, at du ender med en side der ser fin ud men ikke konverterer.

Trin 3: Slå Plan Mode til — de fleste springer dette over. Gør det ikke.

Tryk Shift + Tab to gange for at aktivere Plan Mode. Nu læser Claude dit projekt igennem og præsenterer dig for en fuld plan, inden der skrives én linje kode.

Gennemgå planen. Ret den. Godkend den. Dette ene trin sparer dig for timevis af frustration, fordi du fanger misforståelser tidligt frem for sent.

Trin 4: Skriv et præcist brief

Brug denne skabelon, når du fortæller Claude, hvad du vil have:

“Jeg har brug for en hjemmeside til [projekt].
Mål: [ønsket resultat]. Stil: [referencesite 1] og [referencesite 2].
Funktioner: [3–5 punkter]. Målgruppe: [hvem]. CTA: [handling].”

Eksempel i praksis:
“AI-nyhedsbrev hjemmeside. Mål: e-mail-tilmeldinger. Stil: Notion.so layout, Linear.app farver. Funktioner: forside, om, artikler, tilmeldingsformular. CTA: Tilmeld dig ugentlige indsigter.”

Jo mere specifikt dit brief er, jo bedre bliver resultatet. Claude Code er ikke tankelæser — men den er ekstremt god til at eksekvere præcise instruktioner.

Trin 5: Giv referencer til rigtige hjemmesider

Giv Claude 5–10 reelle hjemmesider som stil- og strukturreferencer. For eksempel:

• “Layout som Framer.com”
• “Knapper som Stripe.com”
• “Typografi som Linear.app”

Jo mere konkrete dine referencer er, jo tættere kommer slutresultatet på det, du har i hovedet. At sige “moderne og clean” giver Claude meget lidt at arbejde med — et rigtig website-link giver den præcis det, den har brug for.

Trin 6: Lad Claude bygge det

Nu skriver Claude al koden. Du rører ingenting. Den genererer typisk:

• index.html — sidens struktur
• styles.css — design og layout
• scripts.js — interaktivitet og animationer

Du behøver ingen som helst programmeringsviden på dette trin. Bare vent, mens Claude arbejder.

Trin 7: Forhåndsvis live inden publicering

Bed Claude om at starte en lokal udviklingsserver:

“Start en lokal dev server.”

Nu kan du se din hjemmeside live på din egen skærm, inden nogen andre gør det. Ret ting i klart dansk:

• “Gør overskriften større.”
• “Skift knappen til blå.”
• “Flyt kontaktformularen op over footer.”

Bliv ved med at forfine, til det ser rigtigt ud. Du har fuld kontrol — uden at forstå koden bag det.

Trin 8: Deploy gratis og gå live

Når du er tilfreds, bed Claude om at deploye:

“Deploy hjemmesiden til Vercel.”

Claude opsætter hosting på enten Vercel eller Netlify — begge helt gratis — og giver dig en live URL. Det tager typisk under 2 minutter.

Samlet tid fra nul til live hjemmeside: 10–20 minutter.

Den vigtigste pointe

Det eneste, der afgør kvaliteten af dit resultat, er kvaliteten af dit brief i trin 4. Inkluder altid:

• Dit mål
• Din målgruppe
• Ønskede funktioner
• Stilreferencer
• Din call-to-action

Claude Code har brug for klarhed for at levere præcis det, du vil have. Giv den den klarhed, og den vil overraske dig.

Har du allerede prøvet at bygge en hjemmeside med Claude Code? Del din erfaring i kommentarerne.