Claude Code
AI-agenten, der kan læse filer, skrive kode og afprøve dit projekt på computeren.
Se Claude CodeKOM I GANG MED AI
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
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
Det her er den kombination, jeg anbefaler. Du skal ikke lære dem alle sammen, før du begynder.
AI-agenten, der kan læse filer, skrive kode og afprøve dit projekt på computeren.
Se Claude CodeOpbevarer dine logins og hemmelige nøgler. Agenten skal ikke have hele dit nøglebundt.
Se BitwardenGemmer projektets kode og ændringer, så du kan samarbejde og vende tilbage til en tidligere version.
Se GitHubGør hjemmesiden tilgængelig for andre. Start på en gratis webadresse; dit domæne kan komme senere.
Se Cloudflare PagesClaude-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
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.
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.
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.
Først får du en hjælper, du kan spørge. Brug en privat computer og dit eget projekt, ikke fortrolige arbejdsfiler.
1 / 8 · Basis
Du er klar, når: Dit eget abonnement vises som aktivt. Næste trin er til Mac; Windows-brugere kan gå direkte til Windows.
2 / 8 · Mac
curl -fsSL https://claude.ai/install.sh | bash
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.
3 / 8 · Windows
PS.irm https://claude.ai/install.ps1 | iex
claude --version.Du er klar, når: Der vises et versionsnummer. Hvis irm ikke genkendes, kontrollér at du bruger PowerShell, ikke Kommandoprompt.
4 / 8 · Basis
AI-projekter i din brugermappe.min-foerste-side. Lad fortrolige dokumenter, adgangskoder og andre projekter ligge udenfor.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.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.
5 / 8 · Basis
claude i terminalen. Kontrollér mappen i tillidsdialogen, og godkend kun den mappe, du selv har oprettet./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.
6 / 8 · Basis
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.
7 / 8 · Basis
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.
/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.
8 / 8 · Basis
HUKOMMELSE.md, uden hemmeligheder./exit. Næste gang åbner du terminalen i samme projektmappe.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.
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.
1 / 11 · Basis
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.
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
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
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
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
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
GITHUB_TOKEN, tokenen i Value, projekt Website-GitHub, og Save. Brug de detaljerede GitHub-trin.CLOUDFLARE_API_TOKEN i Website-Cloudflare. Se Cloudflares token-trin..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
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
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
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
bws --version og bws --help. En manuelt downloadet binær skal ligge i PATH.bws config server-base https://vault.bitwarden.eu. USA er standard.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
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.
bws project list.BWS_ACCESS_TOKEN er eksporteret.--project-id filtrerer på projekt, ikke på én secret; alle projektets secrets gives til barnet.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.
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
bws --version, bws --help og bws project list til ufølsom kontrol. Undgå bws secret list: standard-JSON indeholder feltet value.gh auth status uden --show-token; dette flag viser tokenen i klartekst.npx wrangler whoami er til browserlogin; en smal API-token kan mangle de ekstra rettigheder til at vise kontoidentitet.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
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.
1 / 10 · Basis
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
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
git --version. Hvis macOS tilbyder Xcode Command Line Tools, vælg Install.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.brew install gh.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
winget install --id GitHub.cli --source winget.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
gh auth login --web.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
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
origin.public/index.html som i byggetrinnet. Er den ikke et Git-repository endnu, må Claude foreslå git init, men aldrig nulstille en eksisterende historik.main. Git skal kende et forfatternavn og en mailadresse; brug gerne din GitHub noreply-adresse fra Settings → Emails.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.
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
ai-kursus-repo, sæt Expiration til 30 dage, og vælg din egen konto som Resource owner.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
Website-GitHub, og vælg New → Secret.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
git -c credential.helper= ls-remote https://github.com/BRUGERNAVN/REPO.git HEAD.HEAD betyder, at læseadgangen virker. En tom HEAD kan forekomme i et helt tomt repo; test igen efter første push.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
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.
1 / 11 · Basis
Du er klar, når: Du kan åbne Cloudflare Dashboard, og mailadressen er bekræftet.
Officielle kilder: Cloudflare Docs: Create account
2 / 11 · Basis
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
public, og at public/index.html findes.main. Læg aldrig tokens, .env-filer eller adgangskoder i public.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
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
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
main.exit 0.public. Lad root directory være tom, når public ligger i repoets rod.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
projektnavn.pages.dev.public/index.html, commit og push til main.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
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.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
npx --version. Hvis kommandoen mangler: installér LTS-udgaven fra nodejs.org, åbn terminalen igen, og kontrollér node --version samt npx --version.npx wrangler login --use-keyring.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
pages-ai-kursus.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
Website-Cloudflare → New → Secret. Sæt Name til CLOUDFLARE_API_TOKEN, indsæt tokenen direkte i Value, og vælg Save.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.read -s "CF_TOKEN?Token: "; echo
curl -s https://api.cloudflare.com/client/v4/user/tokens/verify -H "Authorization: Bearer $CF_TOKEN"
unset CF_TOKENResultatet skal indeholde status: active.$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
Nu binder du værktøjerne sammen om én lille hjemmeside. Browserlogin er nok til basisforløbet. Tokens er et valgfrit, mere avanceret spor.
1 / 7 · Basis
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
claude --version, git --version og gh --version. Alle tre skal give et versionsnummer.gh auth status. Den skal vise den rigtige GitHub-konto. Brug ikke --show-token eller gh auth token.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
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.
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
.env-filer, private noter eller billeder af adgangsoplysninger.main, når du har godkendt filerne. Det kaldes at pushe.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
main.exit 0 og outputmappe public. Ved Vite eller andet buildværktøj skal du bruge projektets rigtige buildkommando og outputmappe i stedet..pages.dev.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
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
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.
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.
"Byg en React-app med en SQL-database."
"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 →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 →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.
curl -fsSL https://claude.ai/install.sh | bash
claude --version. Ser du et versionsnummer, skriv claude og tryk Enter.irm https://claude.ai/install.ps1 | iex
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.
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 →AI-projekter.klub-hjemmeside. Brug ét projekt pr. mappe.cd (med mellemrum), trække mappen ind i terminalen og trykke Enter. Stier med mellemrum skal stå i anførselstegn.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 →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.
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.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.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.
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.
main som produktionsgren.exit 0 og outputmappe public. Det gælder en ren HTML-side, ikke alle apps..pages.dev-adresse. Test siden igen, gerne på din telefon.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
Tænk på det som et lille værksted. Det er en forklaring, ikke en beskrivelse af en bevidst maskine.
SIDE 1 / BYGGEPARTNEREN
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
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
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
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
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 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
Du skal ikke kopiere hele din AI-opsætning hver gang. Adskil det, der handler om dig, fra det, der handler om projektet.
~/.claude/CLAUDE.mdDit sprog, din arbejdsform og dine generelle spilleregler.
Bitwarden står ved siden af.
Du deler spilleregler. Du kopierer ikke nøgler.
~/.claude/CLAUDE.md på tværs af dine projekter. ~ betyder din brugermappe. På Windows er det normalt C:\Users\dit-navn\.claude\CLAUDE.md.CLAUDE.md med mål, testmetode og henvisninger til netop projektets noter.Genbrug en tom skabelon, ikke hele det gamle projekt med dets historik, konti og hemmeligheder.
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.
@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.
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
Den nemme start er browserlogin. Brug token-vejen, når du har et konkret behov for automatisering.
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.
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.
klub-hjemmeside. Opret secrets med navne som GITHUB_TOKEN og CLOUDFLARE_API_TOKEN. Selve værdierne indtastes i Bitwarden, ikke i Claude-chatten.bws secret list, debug-logs eller miljøvariabler blive dumpet i samtalen. Tilbagekald nøgler, der ikke længere bruges.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
06 / DER FINDES ANDRE VEJE
Vælg én vej nu. Du kan skifte senere. Modellen og det program, du bruger den gennem, er to forskellige ting.
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 ↗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.
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.
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
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.