KOM I GANG MED AI

Fra idé til noget,
du kan bruge.

Du behøver ikke kunne kode. Start med noget, du har brug for, og lær at bygge det sammen med en AI.

Af Henrik Lambert · Til dig, der starter fra nul

Et lille kreativt værksted: computer, projektmapper og en notesbog. AI-genereret illustration.
Dit eget lille værksted. Du bestemmer, hvad der skal bygges.

DET STARTEDE MED MIN SVIGERFAR

Han er årgang 1957, har et domæne og havde ingen erfaring med AI. Jeg hjalp med opsætningen. Inden for tre timer havde han lavet to hjemmesider og et system til spilplanlægning og afbud i badmintonklubben.

Det sværeste var at beskrive, hvad han havde brug for, frem for at bestemme, hvordan det skulle laves. Her er den guide, jeg gerne ville have haft ved siden af os. Tre timer er vores oplevelse, ikke et løfte. Et system med rigtige brugere skal stadig testes.

01 / VÆRKTØJSKASSEN

Fire værktøjer.
Hver sin opgave.

Det her er den kombination, jeg anbefaler. Du skal ikke lære dem alle sammen, før du begynder.

Din byggepartner

Claude Code

AI-agenten, der kan læse filer, skrive kode og afprøve dit projekt på computeren.

Se Claude Code
Dit nøgleskab

Bitwarden

Opbevarer dine logins og hemmelige nøgler. Agenten skal ikke have hele dit nøglebundt.

Se Bitwarden
Din versionshistorik

GitHub

Gemmer projektets kode og ændringer, så du kan samarbejde og vende tilbage til en tidligere version.

Se GitHub
Din plads på nettet

Cloudflare

Gør hjemmesiden tilgængelig for andre. Start på en gratis webadresse; dit domæne kan komme senere.

Se Cloudflare Pages

Claude-abonnementet er en udgift. GitHub, Bitwarden og Cloudflare har gratis muligheder med begrænsninger. Tjek vilkår og priser, før du vælger. API-forbrug er ikke det samme som et chat-abonnement.

FUNDAMENTET / SMÅ PRODUKTFORLØB

Ét produkt.
Ét lille skridt.

Her får du de konkrete klik og kontroller. Tag basis først. Trin mærket “Valgfrit” er til dig, der også vil bruge tokens og automatisere.

Så snart Claude Code virker

Spørg Claude, hvad du skal nu

Du skal ikke lære guiden udenad. Når du har købt et abonnement med Claude Code, installeret det og logget ind, kan du bede Claude guide dig gennem resten. Du godkender selv køb, logins og udgivelse.

En første besked, du kan kopiere
Jeg har Claude Pro og har installeret Claude Code. Jeg er ny og kan ikke kode.
Hjælp mig med fundamentet: Bitwarden, GitHub og Cloudflare til min første hjemmeside.
Spørg først, om jeg bruger Mac eller Windows, og hvad jeg allerede har sat op.
Tag én ting ad gangen. Fortæl præcis hvor jeg skal klikke, hvad jeg skal se, og hvordan vi kontrollerer det.
Start med browserlogin. Forklar tokens, når vi får brug for dem.
Bed aldrig om adgangskoder, tokens, betalingsoplysninger eller gendannelseskoder i chatten.
Behold kommandogodkendelser. Spørg før køb, sletning, udgivelse og ændringer uden for projektmappen.
Hvad er mit næste lille skridt?

Rækkefølgen er: Claude → Bitwarden → GitHub → Cloudflare → Saml det hele. Har du allerede en konto, så gå til næste kontrol i stedet for at oprette en ny.

FORLØB 1 / DIN HJÆLPER

Claude og Claude Code

Først får du en hjælper, du kan spørge. Brug en privat computer og dit eget projekt, ikke fortrolige arbejdsfiler.

Vælg et trin i Claude-forløbet
  1. Konto og abonnement
  2. Installér på Mac
  3. Installér på Windows
  4. Lav en projektmappe
  5. Start og log ind
  6. Spørg, hvad du skal nu
  7. Gem jeres spilleregler
  8. Fortsæt næste gang

1 / 8 · Basis

Opret kontoen og vælg abonnement

  1. Åbn claude.ai, opret en konto, og gennemfør bekræftelsen. Har du en konto, så log ind på den.
  2. Åbn planoversigten og vælg Pro, hvis du vil følge denne guide. Kontrollér pris, moms og måneds-/årsbetaling før køb. Claude Code er ikke med i gratisplanen.
  3. Gem login i Bitwarden, når du har sat det op i næste forløb. Du skal ikke købe API-kredit eller oprette en Anthropic API-nøgle.

Du er klar, når: Dit eget abonnement vises som aktivt. Næste trin er til Mac; Windows-brugere kan gå direkte til Windows.

Officiel kilde: planer

2 / 8 · Mac

Installér Claude Code på Mac

  1. Tryk ⌘ + mellemrum, skriv Terminal, og tryk Enter. Det er her, kommandoen skal stå, ikke i Claude-chatten.
  2. Kontrollér kommandoen i den officielle installationsguide. Indsæt den i Terminal og tryk Enter:
    curl -fsSL https://claude.ai/install.sh | bash
  3. Vent, til installationen er færdig. Luk Terminal, åbn den igen, og skriv claude --version.

Du er klar, når: Du ser et versionsnummer. Gå derefter til projektmappen. Hvis kommandoen ikke findes, følg installationshjælpen; køb ikke et nyt abonnement.

Officiel kilde: installation

3 / 8 · Windows

Installér Claude Code på Windows

  1. Installér Git for Windows fra den officielle side. Det er anbefalet, så Claude også kan bruge Bash-værktøjer, og Git skal bruges til projektet senere.
  2. Åbn Start, skriv PowerShell, og åbn det normalt, ikke som administrator. Vinduets prompt begynder med PS.
  3. Indsæt den officielle kommando og tryk Enter:
    irm https://claude.ai/install.ps1 | iex
  4. Vent på færdigmeldingen. Luk og åbn PowerShell, og skriv claude --version.

Du er klar, når: Der vises et versionsnummer. Hvis irm ikke genkendes, kontrollér at du bruger PowerShell, ikke Kommandoprompt.

Officiel kilde: Windows-installation

4 / 8 · Basis

Giv din idé en tom mappe

  1. Åbn Finder på Mac eller Stifinder på Windows. Opret en mappe AI-projekter i din brugermappe.
  2. Opret en undermappe min-foerste-side. Lad fortrolige dokumenter, adgangskoder og andre projekter ligge udenfor.
  3. Skriv cd med et mellemrum i Terminal/PowerShell. Indsæt mappens fulde sti og tryk Enter. Sæt stien i anførselstegn, hvis den indeholder mellemrum. Du kan trække mappen ind på Mac; på Windows kan du bruge Kopiér som sti i mappens højrekliksmenu.
  4. Kontrollér placeringen med pwd på Mac eller Get-Location i PowerShell.

Du er klar, når: Stien slutter med min-foerste-side. En projektmappe er en arbejdsramme, ikke en sikkerhedsmur.

Officiel kilde: terminal og mapper

5 / 8 · Basis

Start Claude og log ind med dit abonnement

  1. Skriv claude i terminalen. Kontrollér mappen i tillidsdialogen, og godkend kun den mappe, du selv har oprettet.
  2. Vælg login med din Claude-konto og dit abonnement. Gennemfør login i browseren på den konto, du købte Pro til.
  3. Vend tilbage til Claude Code. Skriv /status og kontrollér loginmetoden. Skriv /usage for at se forbruget.

Hvis Claude spørger om en eksisterende ANTHROPIC_API_KEY, så vælg ikke den ved en fejl: den kan betyde separat API-afregning. Behold godkendelser af kommandoer slået til.

Du er klar, når: Du kan skrive en almindelig besked til Claude Code, og login bruger dit abonnement.

Officiel kilde: første login

6 / 8 · Basis

Nu kan du spørge Claude om resten

Du behøver ikke vente på, at Bitwarden, GitHub og Cloudflare er færdige. Claude kan forklare næste klik, afprøve installationer og hjælpe dig videre, når noget ser anderledes ud.

Jeg har fået Claude Code til at virke. Hjælp mig nu med Bitwarden, GitHub og Cloudflare.
Spørg hvad jeg allerede har, og tag én ting ad gangen.
Giv mig ét konkret næste skridt og sig, hvad jeg skal se bagefter.
Jeg indtaster selv hemmeligheder i de rigtige produkter, aldrig i chatten.

Hvis du sidder fast: skriv produktnavnet, hvilket trin du er på, og fejlteksten uden hemmelige værdier. Skjul mailadresser, tokens og gendannelseskoder i skærmbilleder.

Du er klar, når: Claude har givet dig et næste skridt, du kan udføre. Du kan også skrive /help.

Officiel kilde: få hjælp i Claude Code

7 / 8 · Basis

Bed Claude gemme jeres spilleregler

Hjælp mig med projektets CLAUDE.md, PROJEKT.md og HUKOMMELSE.md i denne mappe.
Spørg om målet, hvad første version skal kunne, og hvordan vi tester det.
Importér PROJEKT.md og HUKOMMELSE.md fra CLAUDE.md med @-henvisninger.
Skriv dansk og forklar én ting ad gangen. Spørg før køb, sletning og udgivelse.
Gem ikke hemmeligheder. Overskriv ikke eksisterende instruktioner; foreslå en sammenfletning.
  1. Læs Claudes spørgsmål, og beskriv dit behov med almindelige ord.
  2. Godkend oprettelsen af filerne i din projektmappe.
  3. Skriv /context og se efter filerne under Memory files. Brug /memory til at se og redigere instruktioner.

Du er klar, når: Claude kan forklare projektets mål og regler. Se mapper og hukommelse, når du vil dele dine generelle regler mellem projekter.

Officiel kilde: instruktioner og hukommelse

8 / 8 · Basis

Fortsæt uden at starte forfra

  1. Slut med at bede Claude gemme beslutninger, det næste skridt og eventuelle fejl i HUKOMMELSE.md, uden hemmeligheder.
  2. Afslut med /exit. Næste gang åbner du terminalen i samme projektmappe.
  3. Skriv claude -c for at fortsætte den seneste samtale i mappen. Eller start claude og bed den læse projektets noter.

Du er klar, når: Du ved, hvilken mappe projektet ligger i, og Claude kan fortælle det næste skridt. Fortsæt med Bitwarden i produktmenuen.

Officiel kilde: fortsæt en samtale

FORLØB 2 / BITWARDEN

Bitwarden: logins og hemmelige nøgler

Først Password Manager til dine logins. De første fire trin er basis. Secrets Manager og tokens er et valgfrit spor, som du kan tage efter GitHub og Cloudflare.

Vælg et trin i Bitwarden-forløbet
  1. Password Manager og Secrets Manager har hvert sit job
  2. Opret kontoen i den rigtige region
  3. Gem dine menneskelige logins i browserudvidelsen
  4. Slå 2FA til, og sikr vejen tilbage
  5. Opret en gratis organisation, og aktivér Secrets Manager · Valgfrit
  6. Hent de rigtige tokens, og gem dem i afgrænsede projekter · Valgfrit
  7. Giv en machine account læseadgang — ikke skriveadgang · Valgfrit
  8. Gem maskinkontoens egen adgangsnøgle · Valgfrit
  9. Installér bws på dit operativsystem · Valgfrit
  10. Kør gh og Wrangler med kun det relevante projekt · Valgfrit
  11. Kontrollér uden at udskrive secrets · Valgfrit

1 / 11 · Basis

Password Manager og Secrets Manager har hvert sit job

Password Manager er din personlige boks til logins, fx e-mail, GitHub og Cloudflare. Browserudvidelsen kan gemme og udfylde dem.

Secrets Manager er til maskinhemmeligheder: API-tokens, som programmer skal hente. Her organiseres de i projekter og udleveres gennem en machine account.

  1. Brug Password Manager, når du logger ind i en browser.
  2. Brug Secrets Manager, hvis du senere vælger at give kommandoværktøjer adgang via tokens. Browserlogin til GitHub og Cloudflare virker også uden Secrets Manager.
  3. Brug produktvælgeren i webappen til at skifte mellem Password Manager, Admin Console og Secrets Manager.

En loginpost bliver ikke automatisk til en secret.

Du er klar, når: Du kan forklare, hvorfor Cloudflare-login hører i Password Manager, mens CLOUDFLARE_API_TOKEN hører i Secrets Manager.

Officielle kilder: Bitwarden: Secrets Manager Quick Start · Bitwarden: browserudvidelsen

2 / 11 · Basis

Opret kontoen i den rigtige region

  1. Åbn Bitwardens EU-tilmelding (eller USA-tilmelding), indtast din e-mail, og vælg bitwarden.eu for EU eller bitwarden.com for USA.
  2. Bekræft e-mailen, og opret en lang, unik og huskbar master password. Bitwarden kan ikke hente eller nulstille den for en almindelig individuel konto.
  3. Skriv e-mail, valgt region og master password på et fysisk nødark. Opbevar arket aflåst og adskilt fra computeren — ikke kun inde i Bitwarden.
  4. Brug samme region i webapp, browserudvidelse og senere bws.

EU- og USA-regionerne er separate. Konti og organisationer synkroniseres ikke på tværs.

Du er klar, når: Du har noteret EU eller USA og kan logge ind på den tilsvarende Bitwarden-server uden at gætte.

Officielle kilder: Bitwarden: Opret en konto · Bitwarden: Server Regions · Bitwarden: Master Password

3 / 11 · Basis

Gem dine menneskelige logins i browserudvidelsen

  1. Installér Bitwarden fra browserens officielle butik eller Bitwardens downloadside, og vælg samme region som kontoen.
  2. Log ind, fastgør udvidelsen, og gem dit Claude-login som typen Login. GitHub- og Cloudflare-login tilføjer du, når du opretter kontiene i de næste forløb.
  3. Kontrollér, at hver post har den rigtige adresse i Website (URI); den bruges til autofyldning.
  4. Når Bitwarden viser et gem/opdatér-banner, gennemgå navn, bruger og URI før Save.

Dette gemmer dine almindelige kontologins. Det opretter ikke API-tokens.

Du er klar, når: Udvidelsen foreslår dit Claude-login på claude.ai. Gem senere GitHub og Cloudflare som hver sin loginpost.

Officielle kilder: Bitwarden: Password Manager Browser Extensions · Bitwarden: Autosave From Browser Extensions

4 / 11 · Basis

Slå 2FA til, og sikr vejen tilbage

  1. I webappen: gå til Settings → Security → Two-step login.
  2. Aktivér mindst én metode. Authenticator-app og FIDO2/WebAuthn er tilgængelige på gratis konti.
  3. Vælg View recovery code, bekræft med master password, og skriv koden på nødarket eller et andet fysisk medie.
  4. Opbevar koden uden for Bitwarden og ikke kun på 2FA-telefonen. Efter brug skal den nye recovery-kode erstatte den gamle kopi.

Mister du både 2FA-enheden og recovery-koden, kan du blive låst ude.

Basis er færdig. Fortsæt til GitHub. Resten af Bitwarden-forløbet er valgfrit og kræver, at du har oprettet GitHub/Cloudflare og deres tokens.

Du er klar, når: Du har 2FA slået til og en fysisk recovery-kode, der kan findes uden telefonen eller Bitwarden.

Officielle kilder: Bitwarden: Two-Step Login Methods · Bitwarden: Recovery Code

5 / 11 · Valgfrit

Opret en gratis organisation, og aktivér Secrets Manager

  1. Opret en organisation i webappen, angiv navn og faktureringsmail, og vælg Free.
  2. Åbn Admin Console → Billing → Subscription.
  3. Markér Subscribe to Secrets Manager under More from Bitwarden, og gem eller indsend.
  4. Skift til Secrets Manager i produktvælgeren. Genindlæs browseren, hvis produktet ikke vises straks.

Secrets Manager Free omfatter op til 2 brugere, 3 projekter og 3 machine accounts samt ubegrænset secret-lager. Har du Families, skal Secrets Manager ligge i en separat gratis organisation.

Du er klar, når: Secrets Manager kan åbnes fra produktvælgeren, og du kan se en tom secrets-vault.

Officielle kilder: Bitwarden: Organizations Overview · Bitwarden: Sign up for Secrets Manager · Bitwarden: Secrets Manager Plans

6 / 11 · Valgfrit

Hent de rigtige tokens, og gem dem i afgrænsede projekter

  1. I Secrets Manager: vælg New → Project. Opret først Website-GitHub og derefter Website-Cloudflare. To projekter gør, at hvert værktøj kun får sin egen token; det holder sig inden for Free-planens tre projekter.
  2. GitHub: Settings → Developer settings → Personal access tokens → Fine-grained tokens → Generate new token. Vælg udløb, kun det konkrete repository og mindst mulige rettigheder. Vælg New → Secret i Bitwarden: navn GITHUB_TOKEN, tokenen i Value, projekt Website-GitHub, og Save. Brug de detaljerede GitHub-trin.
  3. Cloudflare: brug My Profile → API Tokens til en user API token som i Cloudflare-forløbet. Til Pages Direct Upload kan en custom token begrænses til Account → Cloudflare Pages → Edit. Gem den tilsvarende som CLOUDFLARE_API_TOKEN i Website-Cloudflare. Se Cloudflares token-trin.
  4. Luk engangsvisningen, når værdien er gemt. Indsæt den aldrig i Claude, chat, noter, kode, .env eller Git.

Tokens oprettes hos GitHub og Cloudflare; Bitwarden opbevarer dem bagefter. Cloudflare viser token-secret én gang. Et Cloudflare account ID er en identifikator, ikke en secret, og kan stå separat i Wrangler-konfigurationen eller CLOUDFLARE_ACCOUNT_ID.

Du er klar, når: De to projekter og secret-navnene GITHUB_TOKEN og CLOUDFLARE_API_TOKEN findes, uden at værdierne er delt i chat eller projektfiler.

Officielle kilder: Bitwarden: Projects · Bitwarden: Secrets · GitHub: Personal access tokens · Cloudflare: Create API token · Cloudflare Pages: Direct Upload med CI

7 / 11 · Valgfrit

Giv en machine account læseadgang — ikke skriveadgang

  1. Vælg New → Machine account, navngiv den website-github, og gem.
  2. Åbn fanen Projects, og tilføj kun Website-GitHub.
  3. Vælg Can read, ikke Can read, write. Læseretten gælder Bitwarden; GitHub-tokenens egne rettigheder afgør, hvad den kan hos GitHub.
  4. Opret tilsvarende website-cloudflare med kun Can read til Website-Cloudflare. Det giver adskilt adgang til de to produkter.

Du er klar, når: Du har to maskinkonti. Hver kan kun læse sit eget projekt og kan ikke redigere nøgler i Bitwarden.

Officielle kilder: Bitwarden: Machine Accounts · Bitwarden: Secrets Manager Quick Start

8 / 11 · Valgfrit

Gem maskinkontoens egen adgangsnøgle

  1. Åbn maskinkontoen website-github → Access tokens → Create access token. Giv nøglen et navn og vælg en udløbsdato i stedet for Never.
  2. Åbn Password Manager i en anden browserfane. Vælg New → Item, typen Secure note, og navnet BWS – Website-GitHub.
  3. Kopiér engangsværdien direkte til notefeltet, og vælg Save. Kontrollér at posten er gemt, før du lukker engangsvisningen. Gentag for website-cloudflare med en separat note.
  4. Brug kun denne nøgle i din egen lokale, maskerede indtastning, aldrig i Claude-chatten, kommandohistorik, Git eller projektets filer.

Det er BWS-adgangsnøglen, der åbner maskinkontoens Bitwarden-projekt. Det er en anden nøgle end selve GitHub- eller Cloudflare-tokenen. Bitwarden kan ikke vise engangsværdien igen. Ved tab eller læk skal du oprette en ny og tilbagekalde den gamle; aktive sessioner kan dog leve op til en time.

Du er klar, når: Der ligger én privat note pr. maskinkonto i Password Manager. Du kender forskellen på BWS-nøglen og nøglerne inde i Secrets Manager.

Officielle kilder: Bitwarden: Access Tokens · Bitwarden: Secrets Manager CLI og state-filer

9 / 11 · Valgfrit

Installér bws på dit operativsystem

Brug den officielle installationsside. Linux/macOS-kommandoen kræver curl og en POSIX-shell; Windows-kommandoen kræver PowerShell.

Linux eller macOS: curl https://bws.bitwarden.com/install | sh

Windows PowerShell: iwr https://bws.bitwarden.com/install | iex

  1. Kør kun kommandoen til dit system.
  2. Kontrollér med bws --version og bws --help. En manuelt downloadet binær skal ligge i PATH.
  3. Kun for EU-konto: kør bws config server-base https://vault.bitwarden.eu. USA er standard.
  4. Find det ikke-hemmelige projekt-ID i Secrets Managers webapp ved at åbne projektet. Det bruges i næste trin. Ingen nøgle skal indtastes for at køre versionskontrollen.
Få Claude til at hjælpe med dette trin
Jeg bruger [Windows/macOS/Linux] og Bitwarden i [EU/USA]. Kontrollér kun installations- og konfigurationskommandoerne for bws. Brug pladsholdere og bed mig aldrig om en adgangskode eller token.

Du er klar, når: bws --version viser en version, og EU-brugere har sat server-base til https://vault.bitwarden.eu.

Officielle kilder: Bitwarden: Secrets Manager CLI · Bitwarden: officielle bws-udgivelser

10 / 11 · Valgfrit

Kør gh og Wrangler med kun det relevante projekt

Automatisk brug kræver en lokal hjælpekommando, som henter BWS-nøglen sikkert til bws, ikke til hele Claude-processen. Bitwarden installerer ikke en sådan hjælpekommando for dig. Brug beskeden nedenfor til at få Claude til at hjælpe med din konkrete computer. bws run henter projektets secrets, laver navnene til miljøvariabler i barnet og fjerner BWS_ACCESS_TOKEN fra barnet.

bws run --no-inherit-env --project-id DIT_GITHUB_PROJEKT_ID -- gh api repos/BRUGERNAVN/REPO --jq .full_name

Erstat projekt-ID, brugernavn og reponavn med dine ikke-hemmelige værdier. Kommandoen skal kun skrive repositoryets navn. Test Cloudflare-tokenen med den maskerede kontrol i Cloudflare-forløbet; snævre tokens kan mangle rettigheder til whoami.

  1. Find projekt-id'erne i webappen eller det ufølsomme output fra bws project list.
  2. Lad launcheren starte præcis én kommando. Start ikke Claude fra en shell, hvor BWS_ACCESS_TOKEN er eksporteret.
  3. Brug separate projekter. --project-id filtrerer på projekt, ikke på én secret; alle projektets secrets gives til barnet.
  4. Lad launcheren fjerne en arvet GH_TOKEN: GitHub CLI foretrækker den frem for GITHUB_TOKEN.

bws run er ikke en sandbox. --no-inherit-env fjerner det meste af det eksisterende miljø, men beholder bl.a. PATH og begrænser ikke fil- eller netværksadgang. Kør kun programmer, du stoler på. Uden --no-inherit-env overskriver injected secrets eksisterende miljøvariabler med samme navn, men GH_TOKEN er et andet navn og kan stadig vinde i gh.

Få Claude til at hjælpe med dette trin
Hjælp mig med en lokal hjælpekommando til mit operativsystem. Jeg har BWS-adgangsnøglen gemt i Password Manager og vil selv indsætte den i en maskeret lokal indtastning uden for Claude. Hjælperen skal kun give nøglen til bws, køre bws run --no-inherit-env med ét projekt-ID og én på forhånd godkendt kommando, og rydde nøglen bagefter. Ingen nøgler i kildekode, filer, chat, logs eller kommandohistorik. Forklar hvert klik og afprøv først hjælperen med en ufølsom testværdi. Automatisk nøglehentning fra styresystemets nøglering kan vente.

Du er klar, når: En afgrænset GitHub-kontrol skriver kun BRUGERNAVN/REPO. Cloudflare-tokenen er kontrolleret i sit eget forløb. Du starter ikke Claude med tokens i miljøet.

Officielle kilder: Bitwarden: bws run og --project-id · Bitwarden bws-kildekode: env-injektion · GitHub CLI: token-rækkefølge · Cloudflare Wrangler: whoami

11 / 11 · Valgfrit

Kontrollér uden at udskrive secrets

  1. Brug bws --version, bws --help og bws project list til ufølsom kontrol. Undgå bws secret list: standard-JSON indeholder feltet value.
  2. Til GitHub: brug gh auth status uden --show-token; dette flag viser tokenen i klartekst.
  3. Til Cloudflare: brug tokenkontrollen i Cloudflare-forløbet. npx wrangler whoami er til browserlogin; en smal API-token kan mangle de ekstra rettigheder til at vise kontoidentitet.
  4. Ved mistanke om læk: tilbagekald først den berørte GitHub/Cloudflare-token, opdatér secreten, og tilbagekald også BWS-tokenen, hvis bootstrap-hemmeligheden kan være berørt.

Se navne, id'er og status — aldrig værdier. Lad den lokale hjælpekommando håndtere BWS-adgangsnøglen, og lad bws run levere den relevante service-token direkte til det ene værktøj.

Du er klar, når: Du kan verificere bws, GitHub og Cloudflare uden en kommando, der viser eller kopierer en tokenværdi.

Officielle kilder: Bitwarden: secret list viser value · GitHub CLI: gh auth status · Cloudflare Wrangler: whoami · Bitwarden: Revoke access token

FORLØB 3 / GITHUB

GitHub: gem projektet og historikken

Du opretter en GitHub-konto, sikrer den, installerer Git og GitHub CLI og forbinder et eksisterende lokalt projekt uden at overskrive det. Browser-login er nok til normal brug; en fine-grained token til ét repository er kun med som valgfri løsning.

Vælg et trin i GitHub-forløbet
  1. Opret konto og bekræft mail
  2. Slå 2FA til
  3. Mac: installér Git og gh
  4. Windows: installér Git og gh
  5. Log gh ind via browseren
  6. Opret et tomt privat repo
  7. Forbind det lokale projekt sikkert
  8. Valgfrit: opret en repo-token · Valgfrit
  9. Giv mindst mulig adgang og gem straks · Valgfrit
  10. Test tokenen uden at vise den · Valgfrit

1 / 10 · Basis

Opret konto og bekræft mail

  1. Åbn github.com/signup.
  2. Opret en personlig gratiskonto med en unik adgangskode.
  3. Vælg et brugernavn uden mellemrum; det bliver en del af repoets adresse.
  4. Åbn GitHubs mail og bekræft mailadressen. Uden bekræftet mail kan du ikke oprette et repo.

Du er klar, når: Du kan logge ind på GitHub, og mailadressen står som bekræftet.

Officielle kilder: GitHub Docs: Creating an account

2 / 10 · Basis

Slå 2FA til

  1. Klik profilbilledet øverst til højre → Settings.
  2. Under Access: vælg Password and authentication.
  3. Under Two-factor authentication: vælg Enable two-factor authentication, scan QR-koden med en TOTP-app, og skriv den sekscifrede kode.
  4. Download recovery codes, gem dem i din password manager, og vælg I have saved my recovery codes.

Vigtigt: Del hverken QR-kodens setup key, engangskoder eller recovery codes i en chat.

Du er klar, når: GitHub viser, at 2FA er aktiv, og recovery codes ligger et sikkert sted.

Officielle kilder: GitHub Docs: Configuring 2FA

3 / 10 · Basis

Mac: installér Git og gh

  1. Åbn Terminal, og kør git --version. Hvis macOS tilbyder Xcode Command Line Tools, vælg Install.
  2. Kør brew --version. Hvis kommandoen mangler, installér Homebrew fra brew.sh. Kør derefter præcis de kommandoer, som installationen viser under Next steps; de gør brew tilgængelig i din shell. Åbn Terminal igen, og kontrollér brew --version, før du fortsætter.
  3. Kør brew install gh.
  4. Kontrollér med git --version && gh --version.

Du er klar, når: Begge kommandoer viser et versionsnummer uden fejl.

Officielle kilder: Git: Installing on macOS · GitHub CLI: macOS installation · Homebrew

4 / 10 · Basis

Windows: installér Git og gh

  1. På Windows 10/11: hent Git for Windows fra git-scm.com/downloads/win, kør installationsfilen, og behold standardvalgene.
  2. Åbn PowerShell, og kør winget install --id GitHub.cli --source winget.
  3. Luk hele Windows Terminal/PowerShell-vinduet, og åbn et nyt; PATH-opdateringen kræver et nyt vindue.
  4. Kør git --version og gh --version.

Hvis winget mangler, installér eller opdatér Microsofts App Installer, eller brug GitHub CLIs officielle MSI fra releases-siden.

Du er klar, når: Git og gh viser hver sit versionsnummer i et nyt PowerShell-vindue.

Officielle kilder: Git: Windows download · GitHub CLI: Windows installation

5 / 10 · Basis

Log gh ind via browseren

  1. Kør gh auth login --web.
  2. Vælg GitHub.com og derefter HTTPS.
  3. Svar Y, hvis gh spørger, om Git også skal bruge dine GitHub-legitimationsoplysninger. Fuldfør godkendelsen i browseren.
  4. Kør gh auth status. Brug aldrig --show-token i en optagelse eller chat.

Afgrænsning: Browser-login er OAuth-login til GitHub CLI og skal regnes som bred kontoadgang, ikke som en token begrænset til ét valgt repo. gh gemmer normalt login i operativsystemets credential store; gh auth status viser placeringen.

Du er klar, når: gh auth status viser github.com, din bruger og et gyldigt login.

Officielle kilder: GitHub CLI: gh auth login · GitHub CLI: gh auth status · GitHub Docs: Caching credentials · GitHub Docs: OAuth scopes

6 / 10 · Basis

Opret et tomt privat repo

  1. På GitHub: klik + øverst til højre → New repository.
  2. Vælg ejer, skriv et nyt reponavn, og vælg Private.
  3. Lad Add a README, .gitignore og license være fravalgt. Det undgår konflikt med dit lokale projekt.
  4. Vælg Create repository. Stop på siden Quick setup; upload ikke filer i browseren.

Du er klar, når: GitHub viser et tomt privat repo med Quick setup og ingen filer.

Officielle kilder: GitHub Docs: Creating a new repository · GitHub Docs: Adding local code

7 / 10 · Basis

Forbind det lokale projekt sikkert

  1. Åbn Claude i projektmappen. Brug beskeden nedenfor til først at kontrollere mappe, Git-status, branch og eventuel origin.
  2. Er mappen tom, så bed først Claude bygge public/index.html som i byggetrinnet. Er den ikke et Git-repository endnu, må Claude foreslå git init, men aldrig nulstille en eksisterende historik.
  3. Bed Claude kontrollere filerne, udelukke hemmeligheder og gemme første commit på main. Git skal kende et forfatternavn og en mailadresse; brug gerne din GitHub noreply-adresse fra Settings → Emails.
  4. Godkend den præcise GitHub-URL. Kun hvis origin mangler, tilføjes den. Godkend derefter git push -u origin main, og kontrollér filerne på GitHub. Ingen force-push.

Basis er færdig. Fortsæt til Cloudflare, eller læs de valgfrie token-trin.

Få Claude til at hjælpe med dette trin
Undersøg projektmappen, git status, branch og git remote -v uden ændringer. Er mappen tom, hjælp først med public/index.html. Hvis der slet ikke findes et Git-repository, foreslå initialisering; bevar al eksisterende historik. Hjælp med forfatternavn og min valgte mailadresse, .gitignore og første commit uden hemmeligheder. Jeg har et tomt privat GitHub-repo. Bed om min godkendelse af den præcise remote-URL og filerne, før du forbinder og pusher main. Erstat aldrig eksisterende origin og brug ikke force-push.

Du er klar, når: Repoets GitHub-side viser de samme projektfiler, og dit lokale git status er stadig normalt.

Officielle kilder: GitHub Docs: Adding local code

8 / 10 · Valgfrit

Valgfrit: opret en repo-token

  1. Klik profilbilledet → Settings → Developer settings.
  2. Vælg Personal access tokens → Fine-grained tokens → Generate new token.
  3. Navngiv den fx ai-kursus-repo, sæt Expiration til 30 dage, og vælg din egen konto som Resource owner.
  4. Under Repository access: vælg Only select repositories og vælg kun dette ene private repo.

Opret ikke en classic token til dette formål. Browser-login fra forrige slide er normalt nok på din egen computer.

Du er klar, når: Tokenformularen viser præcis ét valgt repo og en udløbsdato.

Officielle kilder: GitHub Docs: Fine-grained personal access tokens

9 / 10 · Valgfrit

Giv mindst mulig adgang og gem straks

  1. Under Repository permissions: sæt kun Contents til Read and write. Metadata: Read følger med. Lad Actions, Administration og Workflows stå uden ekstra adgang.
  2. Vælg Generate token, men luk ikke engangssiden endnu.
  3. I Bitwarden-webappen: åbn produktvælgeren → Secrets Manager, vælg eller opret projektet Website-GitHub, og vælg New → Secret.
  4. Sæt Name til GITHUB_TOKEN, indsæt tokenen direkte i Value, vælg projektet, og klik Save. Luk derefter GitHub-siden og ryd udklipsholderen.

Tokenen er en adgangskode. Indsæt den aldrig i Claude, en chat, kode, commits eller screenshots. Hvis en API senere skal oprette pull requests, kan Pull requests: Read and write tilføjes særskilt; den er ikke nødvendig for almindelig Git push.

Du er klar, når: Bitwarden Secrets Manager har en gemt secret, og ingen tokenværdi står i projektfiler eller chat.

Officielle kilder: GitHub Docs: Token permissions and security · Bitwarden: Secrets Manager Quick Start

10 / 10 · Valgfrit

Test tokenen uden at vise den

  1. Åbn din egen Terminal eller PowerShell. Kør git -c credential.helper= ls-remote https://github.com/BRUGERNAVN/REPO.git HEAD.
  2. Ved Username: skriv GitHub-brugernavnet. Ved Password: hent tokenen fra Bitwarden og indsæt den i det maskerede felt. Den må ikke stå i selve kommandoen.
  3. Et svar med en commit-hash og HEAD betyder, at læseadgangen virker. En tom HEAD kan forekomme i et helt tomt repo; test igen efter første push.
  4. Når tokenen ikke længere behøves: Settings → Developer settings → Fine-grained tokens → tokenen → Delete, og slet også secret-værdien i Bitwarden.

Du er klar, når: Testen lykkes uden at tokenen vises eller gemmes af Git, og du ved, hvor den tilbagekaldes.

Officielle kilder: GitHub Docs: Using and deleting a personal access token

FORLØB 4 / CLOUDFLARE

Cloudflare: få hjemmesiden på nettet

Du forbinder kun det valgte GitHub-repo, udgiver en statisk side fra mappen public og tester den offentlige pages.dev-adresse. Eget domæne, Wrangler og API-token er valgfrit; basisforløbet kræver ingen manuel Cloudflare-token.

Vælg et trin i Cloudflare-forløbet
  1. Opret konto og bekræft mail
  2. Slå 2FA til
  3. Forbered mappen public
  4. Start et Pages-projekt
  5. Giv kun adgang til ét repo
  6. Sæt build-felterne præcist
  7. Test den offentlige side og næste deploy
  8. Valgfrit: brug eget domæne uden at bryde mail · Valgfrit
  9. Valgfrit: Wrangler-login uden manuel token · Valgfrit
  10. Valgfrit: opret en smal Pages-token · Valgfrit
  11. Gem engangsværdien, find Account ID og test · Valgfrit

1 / 11 · Basis

Opret konto og bekræft mail

  1. Åbn dash.cloudflare.com/sign-up.
  2. Skriv din mailadresse og en unik adgangskode.
  3. Vælg Create Account.
  4. Åbn Cloudflares mail, og bekræft adressen, før du går videre til sikkerhedsopsætningen.

Du er klar, når: Du kan åbne Cloudflare Dashboard, og mailadressen er bekræftet.

Officielle kilder: Cloudflare Docs: Create account

2 / 11 · Basis

Slå 2FA til

  1. I dashboardet: åbn My Profile-menuen → My Profile.
  2. Vælg Authentication.
  3. Ved Mobile App Authentication eller Security Key Authentication: vælg Add, og fuldfør opsætningen. En sikkerhedsnøgle er mest modstandsdygtig mod phishing.
  4. Gem backup codes i din password manager. Cloudflare anbefaler mindst to forskellige 2FA-metoder.

Du er klar, når: Authentication-siden viser mindst én aktiv 2FA-metode, og backup codes er gemt.

Officielle kilder: Cloudflare Docs: Two-factor authentication

3 / 11 · Basis

Forbered mappen public

  1. Åbn Claude Code i det GitHub-projekt, der skal udgives.
  2. Få det til først at kontrollere repoets struktur uden at flytte eller slette noget.
  3. Sørg derefter for, at den færdige statiske side ligger i public, og at public/index.html findes.
  4. Commit ændringen og push til branchen main. Læg aldrig tokens, .env-filer eller adgangskoder i public.
Få Claude til at hjælpe med dette trin
Undersøg dette repo uden først at ændre noget. Jeg vil udgive en statisk side via Cloudflare Pages med build output directory public. Kontrollér, om public/index.html allerede findes. Hvis ikke, foreslå den mindst indgribende måde at få den færdige statiske side ind i public uden at slette eller overskrive den eksisterende struktur. Kontrollér også, at ingen tokens, adgangskoder eller .env-filer ender i public. Vent på min godkendelse før ændringer.

Du er klar, når: På GitHub kan du se public/index.html på branchen main.

Officielle kilder: Cloudflare Pages: Static HTML · Cloudflare Pages: Build configuration

4 / 11 · Basis

Start et Pages-projekt

  1. I Cloudflare Dashboard: vælg den rigtige konto.
  2. Gå til Workers & Pages.
  3. Vælg Create application → Pages → Connect to Git.
  4. Hvis knappen i stedet hedder Import an existing Git repository, vælg den; Cloudflares aktuelle guides bruger begge tekster om samme Git-forløb.

Du er klar, når: Du står på siden, hvor GitHub kan forbindes til Cloudflare Pages.

Officielle kilder: Cloudflare Pages: Git integration · Cloudflare Pages: Static HTML clickpath

5 / 11 · Basis

Giv kun adgang til ét repo

  1. Vælg GitHub, og log ind i GitHub-vinduet.
  2. På installationen af Cloudflare Pages-appen: vælg din personlige konto og derefter Only select repositories — ikke All repositories.
  3. Vælg kun det private repo, der skal udgives, gennemgå de viste app-rettigheder, og vælg Install & Authorize.
  4. Tilbage i Cloudflare: vælg repoet og Begin setup. Hvis appen allerede er installeret, brug Configure GitHub App til at kontrollere repository access.

Du er klar, når: Cloudflare viser det valgte repo, og GitHub App-adgangen er begrænset til netop dette repo.

Officielle kilder: Cloudflare Pages: Select your GitHub repository · GitHub Docs: Install a third-party GitHub App · GitHub Docs: Review installed GitHub Apps

6 / 11 · Basis

Sæt build-felterne præcist

  1. Sæt Production branch til main.
  2. Sæt Framework preset til None eller vælg ingen framework-preset.
  3. Sæt Build command til exit 0.
  4. Sæt Build output directory til public. Lad root directory være tom, når public ligger i repoets rod.
  5. Vælg Save and Deploy eller den tilsvarende deploy-knap.

Du er klar, når: Deploy-loggen ender med Success, og den uploader indholdet fra public.

Officielle kilder: Cloudflare Pages: Build configuration · Cloudflare Pages: Static HTML · Cloudflare Pages: Git integration settings

7 / 11 · Basis

Test den offentlige side og næste deploy

  1. Når deploy står som Success, vælg Continue to project og åbn production URL på projektnavn.pages.dev.
  2. Åbn samme URL i et privat/inkognito-vindue. Production-adressen er offentlig; Pages-previewadresser er også offentlige som standard.
  3. Lav en ufarlig tekstændring i public/index.html, commit og push til main.
  4. Se et nyt deploy starte i Workers & Pages, vent på Success, og genindlæs URL'en.

Du er klar, når: Siden kan åbnes uden login, og et push til main udløser et nyt vellykket deploy.

Officielle kilder: Cloudflare Pages: Git integration · Cloudflare Pages: Preview deployments

8 / 11 · Valgfrit

Valgfrit: brug eget domæne uden at bryde mail

  1. I projektet: vælg Custom domains → Set up a domain, skriv domænet, og vælg Continue.
  2. Et apex-domæne som example.dk kræver, at zonen og nameserverne flyttes til Cloudflare. Et subdomæne som www.example.dk kan normalt peges med en CNAME hos den nuværende DNS-udbyder.
  3. Før et nameserverskift: kopier og kontrollér alle eksisterende DNS-poster — især MX samt SPF, DKIM og DMARC. Manglende mailposter kan stoppe mail.
  4. Skift først, når posterne er kopieret; test både web og indgående/udgående mail bagefter. Behold ellers den fungerende pages.dev-adresse.

Du er klar, når: Enten virker pages.dev fortsat, eller både eget domæne og mail er testet efter DNS-ændringen.

Officielle kilder: Cloudflare Pages: Custom domains · Cloudflare DNS: Email records

9 / 11 · Valgfrit

Valgfrit: Wrangler-login uden manuel token

  1. Kør npx --version. Hvis kommandoen mangler: installér LTS-udgaven fra nodejs.org, åbn terminalen igen, og kontrollér node --version samt npx --version.
  2. Kør lokalt npx wrangler login --use-keyring.
  3. Godkend din Cloudflare-konto i browseren. Indtast ingen API-token.
  4. Kør npx wrangler whoami; den viser kontoen.

--use-keyring bruger en krypteret credential-fil med nøglen i macOS Keychain eller Windows Credential Manager. Dette er den enkle lokale vej; en manuel API-token er primært til API/automation og er ikke nødvendig for basisforløbet.

Du er klar, når: wrangler whoami viser din konto og et OAuth-login gemt via keyring.

Officielle kilder: Cloudflare Docs: Wrangler login and --use-keyring

10 / 11 · Valgfrit

Valgfrit: opret en smal Pages-token

  1. I dashboardet: My Profile → API Tokens. Dette opretter en user API token.
  2. Vælg Create Token → Create Custom Token → Get started, og navngiv den fx pages-ai-kursus.
  3. Under Permissions: vælg Account → Cloudflare Pages → Edit. Dashboardet kan vise Edit; API-dokumentationen omtaler samme skriveadgang som Pages Write.
  4. Under Account Resources: vælg Include → kun din konkrete Cloudflare-konto. Tilføj ingen Zone-rettigheder.
  5. Under TTL: sæt en slutdato, fx 30 dage frem. Vælg Continue to summary, kontrollér konto og rettighed, og vælg Create Token.

Edit kan oprette, ændre og slette Pages-projekter. Giv derfor ikke adgang til alle konti og undlad en token uden udløb.

Rettigheden gælder Pages-projekter på den valgte konto, ikke kun ét Pages-projekt. Tokenen giver ikke automatisk GitHub- eller DNS-adgang.

Du er klar, når: Sammendraget viser én konto, kun Cloudflare Pages Edit og en udløbsdato.

Officielle kilder: Cloudflare Docs: Create API token · Cloudflare Pages: REST API token permission · Cloudflare Docs: API token permissions

11 / 11 · Valgfrit

Gem engangsværdien, find Account ID og test

  1. Lad Cloudflares engangsside stå åben. I Bitwarden-webappen: Secrets Manager → projektet Website-Cloudflare → New → Secret. Sæt Name til CLOUDFLARE_API_TOKEN, indsæt tokenen direkte i Value, og vælg Save.
  2. I Cloudflare Account home: vælg Search eller tryk Cmd/Ctrl+K, skriv Copy account ID, og vælg resultatet. Account ID er ikke en adgangskode, men kan gemmes som endnu en Bitwarden-secret med navnet CLOUDFLARE_ACCOUNT_ID.
  3. Test kun i din egen lokale terminal med maskeret indtastning. På Mac/zsh:
    read -s "CF_TOKEN?Token: "; echo
    curl -s https://api.cloudflare.com/client/v4/user/tokens/verify -H "Authorization: Bearer $CF_TOKEN"
    unset CF_TOKEN
    Resultatet skal indeholde status: active.
  4. På Windows PowerShell:
    $s=Read-Host "Token" -AsSecureString
    $b=[IntPtr]::Zero
    try {
    $b=[Runtime.InteropServices.Marshal]::SecureStringToBSTR($s)
    $t=[Runtime.InteropServices.Marshal]::PtrToStringBSTR($b)
    Invoke-RestMethod https://api.cloudflare.com/client/v4/user/tokens/verify -Headers @{Authorization=("Bearer " + $t)} -ErrorAction Stop
    } finally {
    $t=$null
    $s=$null
    if ($b -ne [IntPtr]::Zero) { [Runtime.InteropServices.Marshal]::ZeroFreeBSTR($b) }
    $b=[IntPtr]::Zero
    }
    Ryd derefter udklipsholderen. Indsæt aldrig tokenen i Claude eller en chat.

Du er klar, når: Bitwarden har token og Account ID, testen viser active, og tokenen optræder ikke i chat, kode eller kommandohistorik.

Officielle kilder: Cloudflare Docs: Create and verify API token · Cloudflare Docs: Find account ID · Bitwarden: Secrets Manager Quick Start

FORLØB 5 / SAML DET HELE

Saml det hele

Nu binder du værktøjerne sammen om én lille hjemmeside. Browserlogin er nok til basisforløbet. Tokens er et valgfrit, mere avanceret spor.

Vælg et trin i Saml det hele-forløbet
  1. Hvem gør hvad?
  2. Kontrollér fundamentet uden at vise nøgler
  3. Bed Claude bygge den første lille side
  4. Gem den version, du vil udgive
  5. Forbind og se din hjemmeside på nettet
  6. Vil du også bruge tokens? · Valgfrit
  7. Næste ændring, uden at starte forfra

1 / 7 · Basis

Hvem gør hvad?

  1. Du → Claude Code: Du beskriver behovet. Claude skriver og tester filer i din projektmappe.
  2. Bitwarden: Holder på dine logins. Secrets Manager kan senere give et kommandoværktøj adgang med en afgrænset token.
  3. Projektmappen → GitHub: Git gemmer historikken. GitHub opbevarer den kopi, du vælger at sende op.
  4. GitHub → Cloudflare Pages: Cloudflare henter det valgte repository og udgiver siden. Din browser besøger webadressen.

Bitwarden bygger ikke siden. GitHub behøver ikke være offentligt, selv om den udgivne hjemmeside er det. Claude får ikke automatisk adgang, bare fordi du opretter kontiene.

Du er klar, når: Du kan pege på, hvor dine filer ligger, hvor historikken gemmes, og hvor siden udgives.

Officielle kilder: Cloudflare: Git-integration

2 / 7 · Basis

Kontrollér fundamentet uden at vise nøgler

  1. Åbn din projektmappe i terminalen. Har du Claude åbent, kan du bede den udføre de ufarlige kontroller herunder.
  2. Kontrollér claude --version, git --version og gh --version. Alle tre skal give et versionsnummer.
  3. Kør gh auth status. Den skal vise den rigtige GitHub-konto. Brug ikke --show-token eller gh auth token.
  4. Åbn Bitwarden og Cloudflare i browseren. Kontrollér, at du kan logge ind, og at du er på din egen konto.
Få Claude til at hjælpe med dette trin
Kontrollér mit fundament med versionsnumre og gh auth status, uden at vise tokens. Sig præcis hvilken installation eller hvilket login der mangler. Ændr ikke kontoindstillinger.

Du er klar, når: Alle tre værktøjer findes, GitHub-login virker, og du kan åbne de øvrige konti. Mangler noget, så vælg produktet i menuen ovenfor.

Officielle kilder: GitHub: auth status

3 / 7 · Basis

Bed Claude bygge den første lille side

Skriv behovet med dine egne ord. Bed om en almindelig statisk side til første forsøg; så kan vi bruge den samme enkle opsætning i Cloudflare.

Få Claude til at hjælpe med dette trin
Byg en lille statisk hjemmeside til [beskriv mit behov]. Brug almindelig HTML, CSS og eventuelt JavaScript i mappen public med public/index.html som startside. Ingen login, betaling, persondata eller database. Læs mine projektregler først. Vis mig siden lokalt, test den på mobil og computer, og ret konkrete fejl. Udgiv ikke endnu. Forklar den lokale webadresse, jeg skal åbne.

Du er klar, når: Du har åbnet den lokale adresse, læst indholdet og prøvet links. Mappen public indeholder index.html og kun filer, som må offentliggøres.

Officielle kilder: Cloudflare: statisk HTML

4 / 7 · Basis

Gem den version, du vil udgive

  1. Brug dit eksisterende repository fra GitHub-forløbet. Opret ikke et nyt, hvis mappen allerede har det rigtige repository tilknyttet.
  2. Bed Claude vise, hvilke filer der skal sendes. Kontrollér især, at der ikke er tokens, .env-filer, private noter eller billeder af adgangsoplysninger.
  3. Bed Claude gemme ændringen som et commit og sende den til main, når du har godkendt filerne. Det kaldes at pushe.
  4. Åbn repositoryet på GitHub. Vælg main og kontrollér, at public/index.html findes.

Når Cloudflare er forbundet, udgiver nye push til main automatisk. Godkend derfor både indhold og udgivelse, før Claude pusher.

Du er klar, når: GitHub viser den godkendte version af din hjemmeside uden hemmeligheder.

Officielle kilder: GitHub: eksisterende projekt

5 / 7 · Basis

Forbind og se din hjemmeside på nettet

  1. Følg Cloudflare-forløbet: vælg Pages, forbind kun dit valgte GitHub-repository, og brug main.
  2. Til denne guides statiske side: framework None, buildkommando exit 0 og outputmappe public. Ved Vite eller andet buildværktøj skal du bruge projektets rigtige buildkommando og outputmappe i stedet.
  3. Start deployment, og vent på færdigmeldingen. Åbn adressen, der slutter med .pages.dev.
  4. Prøv siden på din telefon og i et privat browservindue. Kontrollér tekst, billeder og links. Du behøver ikke købe et domæne endnu.

Du er klar, når: En anden browser kan åbne den rigtige side på pages.dev. Et privat GitHub-repository gør ikke den udgivne side privat.

Officielle kilder: Cloudflare: Pages med Git · Build uden framework

6 / 7 · Valgfrit

Vil du også bruge tokens?

  1. En token er en hemmelig adgangsnøgle til bestemte handlinger. Opret kun en, når du ved, hvilket værktøj der skal bruge den. Browserlogin er nok til basisruten.
  2. Brug GitHub-forløbet til en fine-grained token til ét repository og Cloudflare-forløbet til en Pages-token til den valgte konto.
  3. Følg Bitwarden-forløbet for at gemme dem i Secrets Manager og give en maskinkonto læseadgang. En maskinkontos egen token er også hemmelig.
  4. Brug en lokal hjælpekommando, der henter den nødvendige nøgle til den godkendte kommando, ikke til hele Claude-processen. Læs sikkerhedstrinnet i Bitwarden-forløbet, før du tager dette i brug.

Dette er ikke en sandbox: Claude kan stadig foreslå at køre en kommando, der læser en nøgle. Godkend aldrig kommandoer, som udskriver nøgler, og giv ikke automatisk tilladelse til alle kommandoer.

Du er klar, når: Du ved, hvilket værktøj der får adgang, til hvilket projekt eller konto, og hvornår nøglen udløber. Ingen nøgle er i chatten, Git eller browserens sidekode.

Officielle kilder: Bitwarden: Secrets Manager CLI

7 / 7 · Basis

Næste ændring, uden at starte forfra

  1. Åbn samme projektmappe og fortsæt i Claude Code. Beskriv én lille ændring.
  2. Afprøv den lokalt, og kontrollér ændrede filer. Bed Claude om at vise forskellen, før du godkender commit og push.
  3. Se den nye deployment i Cloudflare og genindlæs den offentlige side. Hvis noget er forkert, bed Claude foreslå et nyt commit, der gendanner den tidligere fungerende version.
  4. Gem næste skridt i projektnoterne. Et nyt projekt får sin egen mappe og sit eget repository, ikke en kopi af gamle tokens.

Fejl er noget, vi retter. Du behøver hverken slette projektet eller begynde forfra.

Du er klar, når: Du har en fungerende side, en versionshistorik og et konkret næste skridt. Luk guiden og brug det, du har bygget.

Officielle kilder: Cloudflare: automatiske deployments

Menuer kan ændre navn. Hvert forløb linker til produktets egen vejledning. Der indtastes ingen kontooplysninger eller tokens på denne side.

01Vælg noget, du vil brugeStart med behovet, ikke teknikken

En hjemmeside til din forening. En side med dine billeder. En oversigt over dine arrangementer. Vælg én ting og beskriv den med almindelige ord.

FOR TEKNISK SOM START

"Byg en React-app med en SQL-database."

PRØV HELLERE

"Jeg vil have en hjemmeside til vores badmintonklub, så nye spillere kan se træningstider og finde kontaktoplysninger."

Fortæl hvem der skal bruge den, hvad de skal kunne, og hvordan du kan se, at det virker.

Næste: få kontiene på plads →
02Få kontiene på pladsEn konto til hver opgave
  1. Opret Bitwarden først. Vælg en stærk masteradgangskode, gem din gendannelseskode sikkert, og slå totrinslogin til.
  2. Opret Claude og vælg en plan, der inkluderer Claude Code. Pro er den enkle individuelle start; tjek de aktuelle planer og forbrugsgrænser, før du betaler.
  3. Opret GitHub og en Cloudflare-konto. Gem logins i Bitwarden og slå totrinslogin til.
Du behøver ikke købe et domæne.

Cloudflare kan give den første side en adresse, der slutter på .pages.dev.

Vælg samme Bitwarden-region i browserudvidelse og app. En konto på .eu og en konto på .com er ikke den samme.

Næste: få Claude Code på computeren →
03Få Claude Code på computerenVælg vejledningen til din computer

Claude i browseren er en chat. Claude Code er værktøjet, vi bruger til at arbejde i dine projektmapper. Her bruger vi terminalen: et vindue, hvor du skriver kommandoer.

Jeg bruger Mac
  1. Åbn Terminal via Spotlight (⌘ + mellemrum).
  2. Kopiér denne officielle installationskommando, indsæt den i Terminal og tryk Enter. Den henter og kører Anthropics installer:
    curl -fsSL https://claude.ai/install.sh | bash
    Tjek den officielle kilde (macOS 13 eller nyere).
  3. Luk og åbn Terminal igen. Skriv claude --version. Ser du et versionsnummer, skriv claude og tryk Enter.
Jeg bruger Windows
  1. Installér Git for Windows, som Claude Code bruger til kommandoværktøjer.
  2. Åbn PowerShell fra Start, ikke som administrator. Indsæt denne officielle kommando og tryk Enter. Den henter og kører Anthropics installer:
    irm https://claude.ai/install.ps1 | iex
    Tjek den officielle kilde (Windows 10 1809 eller nyere).
  3. Luk og åbn PowerShell igen. Skriv claude --version. Ser du et versionsnummer, skriv claude og tryk Enter.

WSL er en anden mulighed, men er ikke nødvendig i denne guide.

Vælg at logge ind med din Claude-konto og dit abonnement. Du skal ikke oprette en Anthropic API-nøgle for at følge denne vej. Skriv /status i Claude for at kontrollere loginmetoden og /usage for at se forbruget. En allerede opsat ANTHROPIC_API_KEY kan vælge særskilt API-betaling i stedet; godkend ikke den vej ved en fejl.

Behold godkendelserne slået til.

Claude kan bede om lov til at læse filer eller køre en kommando. Læs hvad den vil gøre. Brug ikke "skip permissions" som genvej.

Installér også Git og GitHub CLI, når du kommer til trin 5. Cloudflare Pages kobles på i browseren.

Næste: lav projektets mappe →
04Giv projektet sin egen mappeOg giv Claude en kort introduktion
  1. Lav en mappe på computeren, fx AI-projekter.
  2. Lav en undermappe til din første idé, fx klub-hjemmeside. Brug ét projekt pr. mappe.
  3. Åbn terminalen i den mappe. Du kan skrive cd (med mellemrum), trække mappen ind i terminalen og trykke Enter. Stier med mellemrum skal stå i anførselstegn.
  4. Skriv claude. Kontrollér, at Claude viser den rigtige mappe, før du godkender tillid til den.

Giv Claude denne første besked. Den indeholder ingen adgangskoder:

Jeg er ny og kan ikke kode. Vi arbejder kun i denne projektmappe.
Hjælp mig med at oprette CLAUDE.md, PROJEKT.md og HUKOMMELSE.md.
Spørg først, hvem løsningen er til, hvad den skal kunne, og hvad den ikke skal kunne endnu.
CLAUDE.md skal henvise til de to andre filer.
Forklar én ting ad gangen. Afprøv det, du bygger.
Spørg før udgivelse, køb, sletning eller ændringer uden for denne mappe.
Skriv aldrig adgangskoder eller tokens i chatten eller projektets filer.

Vil du have fælles spilleregler på tværs af projekter? Se mappeforklaringen og startpakken. Det behøver du ikke ordne manuelt nu.

Næste: giv afgrænset adgang →
05Kobl værktøjerne sammenLog ind først. Tokens, når der er behov

At skrive "jeg bruger GitHub" giver ikke Claude adgang. Den skal have et værktøj og en gyldig adgang, og du skal vide, hvad den adgang tillader.

  1. GitHub: Installér GitHub CLI. Kør gh auth login i en almindelig terminal, vælg GitHub.com, HTTPS og browserlogin. Godkend selv i browseren. Kør derefter gh auth setup-git. Du kan afslutte Claude med /exit først og åbne det igen bagefter.
  2. Kontrollér forbindelsen: Kør gh auth status. Del loginstatus, aldrig tokenværdien. Browserlogin er ikke begrænset til ét repository. En agent, der kan bruge din indloggede GitHub CLI, kan handle med loginets rettigheder og potentielt hente tokenet. Behold kommandogodkendelserne. Skal adgangen være begrænset til ét projekt, så brug en fine-grained token og sørg for, at agenten ikke samtidig kan bruge et bredere login.
  3. Cloudflare: Vent til trin 7. Du forbinder et bestemt GitHub-repository i Cloudflares browserpanel. Der kræves ingen manuelt kopieret Cloudflare-token til denne vej.
Ingen hemmeligheder i chatten.

Bitwarden er stedet til nøglerne. Projektet får kun en note om, hvilken tjeneste det bruger, og hvordan adgang skal hentes. Se den sikre token-vej, hvis agenten skal styre Cloudflare direkte.

Næste: byg og afprøv →
06Byg, kig, ret tilDu er den, der ved, om det kan bruges
Byg en enkel første version af hjemmesiden, vi har beskrevet.
Brug almindelig HTML, CSS og JavaScript uden build-trin, hvis det er nok.
Læg de offentlige filer i public/, så vores noter ikke bliver udgivet.
Ingen login, betaling eller persondata i første version.
Start den lokalt og giv mig adressen, jeg skal åbne i browseren.
Test også på mobilbredde. Udgiv ikke noget endnu.

Åbn adressen. Klik på knapperne. Prøv at læse siden på en smal skærm. Skriv, hvad der ikke virker for dig:

"Jeg kan ikke finde træningstiderne. De skal være synlige med det samme."

Du behøver ikke foreslå en teknisk løsning. Bed Claude om at teste efter ændringen og gemme, hvad I besluttede i HUKOMMELSE.md.

Næste: få hjemmesiden på nettet →
07Gør den tilgængelig for andreFørst GitHub. Så Cloudflare Pages
  1. Bed Claude kontrollere, at der ikke ligger hemmeligheder eller private oplysninger i filer eller Git-historik. Bed om et privat GitHub-repository til netop dette projekt. Et repository er projektets kodearkiv.
  2. Godkend oprettelse og upload af det konkrete projekt. Bed Claude om linket, og åbn det selv.
  3. I Cloudflare: åbn Workers & Pages, vælg at oprette en Pages-side og forbind GitHub. Følg den officielle Git-guide, hvis knapperne har skiftet navn.
  4. Giv Cloudflare GitHub-appen adgang til kun det valgte repository. Vælg main som produktionsgren.
  5. For sidetypen fra trin 6: vælg intet framework, build-kommando exit 0 og outputmappe public. Det gælder en ren HTML-side, ikke alle apps.
  6. Start udrulningen og åbn den nye .pages.dev-adresse. Test siden igen, gerne på din telefon.
Privat kode er ikke en privat hjemmeside.

Pages-adressen er offentlig. Efter koblingen kan ændringer, der sendes til main, automatisk blive udgivet. Lad Claude spørge dig før push til den gren.

Brug først dit eget domæne, når siden virker. Flyt ikke navneservere eller mailopsætning bare for at prøve AI.

03 / DEN LILLE AGENT-PIXIBOG

Hvem er det egentlig,
du bygger sammen med?

Tænk på det som et lille værksted. Det er en forklaring, ikke en beskrivelse af en bevidst maskine.

SIDE 1 / BYGGEPARTNEREN

En model kan svare.
En agent kan også handle.

Modellen laver forslag ud fra det, den får at se. Claude Code giver modellen værktøjer til fx at læse en fil, ændre kode og køre en test.

Du beskriver et behov. Agenten vælger et næste skridt, bruger et værktøj, ser resultatet og prøver igen. Den kan tage fejl, så du skal stadig afprøve løsningen.

SIDE 2 / ARBEJDSBORDET

Projektmappen
er arbejdsbordet.

Din hjemmeside ligger på ét bord. Badmintonappen ligger på et andet. Når du åbner Claude Code i en mappe, fortæller du, hvilket projekt I arbejder på.

Det er ikke en sikkerhedsmur. Agenten kan, afhængigt af rettigheder og godkendelser, nå andre filer. Start derfor ikke i hele din Dokumenter-mappe.

SIDE 3 / SOUL OG INSTRUKTIONER

Den skal vide,
hvordan I arbejder.

En "soul" er bare en tekst om agentens rolle, tone og spilleregler. Fx: "Skriv dansk. Forklar kort. Spørg før køb." Det er ikke en personlighed, der bor i computeren.

I Claude Code er CLAUDE.md det særlige instruktionsfilnavn. SOUL.md er valgfrit og læses ikke automatisk bare på grund af navnet. Henvis til det fra CLAUDE.md.

SIDE 4 / KONTEKST OG HUKOMMELSE

En ny samtale
er ikke hele historien.

Kontekst er den samtale, de instruktioner og de filer, modellen har fået ind i sin aktuelle arbejdsflade. Det er ikke alt på din computer.

Hukommelse er gemte noter, som skal læses ind igen. Claude Code har også automatisk hukommelse, men den erstatter ikke en kort projektbeskrivelse og tydelige beslutninger.

SIDE 5 / ADGANG

At kende adressen
er ikke at have nøglen.

Et API-token er en digital adgangsnøgle. Det kan give adgang til bestemte handlinger, fx at udgive en hjemmeside. Begræns rettigheder og levetid.

En note om, hvor nøglen findes, er kontekst. Selve nøglen er en hemmelighed. Den hører i Bitwarden eller en sikker loginmekanisme, ikke i soul- eller hukommelsesfiler.

SIDE 6 / SAMARBEJDET

Du ejer behovet.
Agenten hjælper med arbejdet.

Du må gerne stille krav til privatliv, pris, tilgængelighed og design. Du behøver bare ikke på forhånd vælge database og programmeringssprog.

Bed om en lille version, prøv den selv, og giv feedback. Slut med at gemme beslutninger og næste skridt. Så begynder I ikke forfra næste gang.

04 / DET, VI SNUBLEDE OVER

Ny mappe.
Ikke en ny begyndelse.

Du skal ikke kopiere hele din AI-opsætning hver gang. Adskil det, der handler om dig, fra det, der handler om projektet.

Fælles for dig~/.claude/CLAUDE.md
Kun én gang

Dit sprog, din arbejdsform og dine generelle spilleregler.

klub-hjemmeside/CLAUDE.md · PROJEKT.md · HUKOMMELSE.md
badminton-app/CLAUDE.md · PROJEKT.md · HUKOMMELSE.md

Bitwarden står ved siden af.
Du deler spilleregler. Du kopierer ikke nøgler.

Tre steder at holde styr på

  1. Fælles instruktioner: Claude Code læser ~/.claude/CLAUDE.md på tværs af dine projekter. ~ betyder din brugermappe. På Windows er det normalt C:\Users\dit-navn\.claude\CLAUDE.md.
  2. Projektets instruktioner: Hver mappe har sin egen CLAUDE.md med mål, testmetode og henvisninger til netop projektets noter.
  3. Adgang: Logins og nøgler er adskilt fra instruktionerne. Et nyt projekt får kun den adgang, det behøver.

Genbrug en tom skabelon, ikke hele det gamle projekt med dets historik, konti og hemmeligheder.

Sådan henviser filer til hinanden i Claude Code

Fælles CLAUDE.md

Skriv dansk. Forklar kort.
Spørg før køb, sletning og udgivelse.
@SOUL.md

Læg den valgfrie SOUL.md ved siden af, altså i ~/.claude/. Henvisningen er relativ til filen, der indeholder den.

Projektets CLAUDE.md

@PROJEKT.md
@HUKOMMELSE.md
@ADGANG.md

@ er Claude Codes importsyntaks. Ingen ekstra kopi af din fælles soul er nødvendig. Godkend kun imports uden for projektet, når du genkender filen.

PROJEKT.md beskriver målet. HUKOMMELSE.md er jeres noter. ADGANG.md beskriver tjenester, kontonavne og adgangsmetode, aldrig tokenværdier. Disse tre navne er vores konvention, ikke indbyggede funktioner.

Claude Codes auto-hukommelse er et særskilt system, normalt knyttet til projektet. Den flytter ikke automatisk alle erfaringer til en ny, uafhængig mappe. Brug /memory til at se de indlæste instruktionsfiler og administrere hukommelsen.

TAG DEN KORTE VEJ

En startpakke uden hemmeligheder.

Projektbeskrivelse, projektnoter, adgangsoversigt og en LÆS-MIG-guide. Pak ud, og lad Claude hjælpe dig i trin 4. CLAUDE.md og SOUL.md følger ikke med; siden viser, hvordan de oprettes. Ingen installationsscript, der ændrer din computer.

Hent startpakken
Jeg vil starte et nyt projekt i en ny mappe.
Genbrug mine fælles instruktioner fra ~/.claude/CLAUDE.md.
Hvis den fil findes, må du ikke overskrive den. Foreslå en sammenfletning.
Opret projektets egne CLAUDE.md, PROJEKT.md, HUKOMMELSE.md og ADGANG.md.
Kopiér ikke tokens, .env-filer, .git-mappen eller det gamle projekts hukommelse.
Spørg hvilke erfaringer fra det gamle projekt, der faktisk er relevante.
Skriv kun navne og adgangsmetoder i ADGANG.md, aldrig hemmelige værdier.
Vis mig mappestrukturen, og kontrollér med /memory, at instruktionerne er indlæst.

05 / NØGLER UDEN ROD

Tokens er nøgler.
Ikke noter.

Den nemme start er browserlogin. Brug token-vejen, når du har et konkret behov for automatisering.

Start her

Bitwarden Password Manager

Til dine egne logins og sikker opbevaring af nøgler. Brug unikke adgangskoder og totrinslogin. Installation af Bitwarden giver ikke automatisk Claude adgang til noget.

Til guiden er GitHub-browserlogin og Cloudflares GitHub-integration nok. Du slipper for at kopiere tokens rundt.

Når agenten skal automatisere

Bitwarden Secrets Manager

Et særskilt produkt til programmer. En maskinkonto får adgang til et afgrænset projekt med de nødvendige secrets. bws er dets kommandoværktøj.

Maskinkontoens adgangstoken er selv en hemmelighed. Det kræver sikker opbevaring og må heller ikke lægges i Git.

Token-vejen: GitHub + Cloudflare + Bitwarden, trin for trin
  1. Lav den mindste nødvendige nøgle. GitHub: brug en fine-grained personal access token til kun det valgte repository, med Contents: read/write, hvis der kun skal læses og pushes kode. Brug kort udløb. Flere opgaver kan kræve andre rettigheder.
  2. Cloudflare: brug et afgrænset API-token. Til Pages-udrulning er Account → Cloudflare Pages → Edit og den konkrete konto relevant. En kontoafgrænset token kan stadig ramme flere Pages-projekter; antag ikke isolation pr. projekt. Giv ikke DNS-adgang, medmindre opgaven faktisk kræver DNS-ændringer.
  3. Gem nøglerne i Bitwarden Secrets Manager. Opret et særskilt projekt, fx klub-hjemmeside. Opret secrets med navne som GITHUB_TOKEN og CLOUDFLARE_API_TOKEN. Selve værdierne indtastes i Bitwarden, ikke i Claude-chatten.
  4. Opret en maskinkonto med læseadgang til netop dette Secrets Manager-projekt, og opret dens adgangstoken. Installér bws efter Bitwardens officielle vejledning. Brug samme region som organisationen.
  5. Indlæs secrets i den konkrete kommando. En lokal launcher kan hente dem fra Bitwarden til miljøvariabler til GitHub eller Wrangler. Undgå at starte hele agenten med alle nøgler. Få hjælp til launcheren, hvis du ikke kan vurdere, hvor den viser og gemmer værdierne.
  6. Kontrollér uden at udskrive værdier. Tjek at den rigtige konto og det rigtige projekt er valgt. Lad ikke bws secret list, debug-logs eller miljøvariabler blive dumpet i samtalen. Tilbagekald nøgler, der ikke længere bruges.
Bitwarden er opbevaring, ikke en usynlig sikkerhedsmur.

En agent, som kan køre vilkårlige kommandoer med en nøgle, kan i princippet også læse eller misbruge den. Miljøvariabler skjuler den ikke for processen. Afgræns adgang, behold godkendelser og få hjælp ved følsomme data.

Ved direkte Cloudflare-arbejde er npx wrangler login --use-keyring et alternativ med browserlogin og opbevaring i operativsystemets nøglelager; det kræver Node.js, Wrangler og et fungerende nøglelager. Hvis nøglelageret ikke virker, så stop og få hjælp i stedet for at gemme nøglen i klartekst. Wrangler er Cloudflares kommandoværktøj. Det er ikke nødvendigt for Pages-browservejen ovenfor.

GitHub: opret tokens · Cloudflare: token og Pages-udrulning · Bitwarden: maskinkonti

Hvis en nøgle slipper ud: Tilbagekald den hos tjenesten, opret en ny, og tjek hvad den har haft adgang til. At slette linjen fra en fil fjerner ikke nøglen fra Git-historik, logs eller tidligere samtaler.

06 / DER FINDES ANDRE VEJE

Du er ikke gift
med værktøjskassen.

Vælg én vej nu. Du kan skifte senere. Modellen og det program, du bruger den gennem, er to forskellige ting.

Claude, GPT og Gemini

Modelfamilier. Modellen er den del, der behandler din tekst og foreslår handlinger. Claude Code bruger Claude; du skifter ikke bare til GPT ved at skrive et andet navn. Valg og priser afhænger af platformen.

Claude Codes modelvalg ↗

Codex, Copilot og Cursor

Andre kodeværktøjer. Alternativer til at arbejde med kode og projektmapper. Konti, rettigheder, hukommelse og instruktionsfiler virker ikke nødvendigvis som i Claude Code.

Lovable og Replit

Mere i browseren. Relevant hvis du vil hurtigere til en visuel prototype med mindre lokal opsætning. Undersøg løbende pris, eksport, hosting og ejerskab til kode og data.

LM Studio og Ollama

Lokale modeller. Kan køre modeller på din egen computer. Det kræver passende hardware og mere opsætning. Lokalt modelkørsel gør ikke automatisk alle tilknyttede værktøjer eller data lokale.

DU BEHØVER IKKE BØVLE ALENE

Har du en idé,
men mangler starten?

Jeg hjælper med at få værktøjerne sat op og komme fra behov til en første version. Skriv, hvad du gerne vil kunne. Så finder vi ud af, om jeg kan hjælpe.

Skriv til mig på LinkedIn