Summary  
This chapter shows how to import a code repository into a deployment service, configure environment variables for secure API key management, and trigger an automated build-and-publish process.

General domain of usage  
Web application hosting

Vercel henter din kode fra GitHub og udgiver den som et live website. Hver gang du laver en opdatering på GitHub, genudruller Vercel automatisk siden. Du behøver ikke gøre noget manuelt efter den første opsætning.

Definition

Din kode ligger på GitHub. Dette kapitel gør den tilgængelig online med en rigtig URL, du kan dele med andre.

### Trinene

Gå til [vercel.com](https://vercel.com) og opret en konto. Forbind din GitHub-konto, når du bliver bedt om det. Dette gør det muligt for Vercel at se dine repositories.

1. Opret en Vercel-konto

Når du er på Vercel-dashboardet, klik på **Add New** og vælg **Project**. Du bør nu se dit GitHub-repository på listen. Klik på **Import**.

2. Importér dit projekt

Dette er det vigtigste trin. Din API-nøgle ligger ikke på GitHub, fordi den er udelukket af `.gitignore`. Det betyder, at Vercel heller ikke har den. Du skal give den direkte til Vercel.

På projektets opsætningsside skal du åbne sektionen **Environment Variables**. Du skal tilføje din API-nøgle her, før du kan deploye.

| Field | What to enter |
|-------|--------------|
| Key   | `ANTHROPIC_API_KEY` |
| Value | Din faktiske API-nøgle fra `.env.local` |

Du kan også klikke på **Import .env** og vælge din `.env.local`-fil direkte. Vercel læser automatisk nøgle og værdi fra filen. Dette er den nemmeste løsning.

3. Tilføj dine miljøvariabler

Når miljøvariablen er tilføjet, klik på **Deploy**. Vercel henter alle dine kodefiler fra GitHub og udgiver dem. Dette tager to til fem minutter.

4. Klik på Deploy

Når du ser skærmen med tillykke, er din app live! Vercel giver dig en URL, du kan åbne i enhver browser og dele med andre.

5. Færdig

### Hvorfor miljøvariabel-trinnet er vigtigt

Din app vil blive bygget og se ud til at fungere uden API-nøglen. Men i det øjeblik nogen indsender en idé, vil den fejle, fordi appen ikke har nogen måde at kalde AI'en på. Tilføjelse af nøglen til Vercel er det, der får kernefunktionen til faktisk at virke i produktion.

Den lokale `.env.local`-fil forbliver på din computer. Vercel-miljøvariabler er din `.env.local` for den live webversion.


Bemærk

Hvad skal du gøre for at sikre, at din deployerede app kan få adgang til AI API'en?

Byg og lancér en reel app på blot én weekend ved hjælp af moderne AI-værktøjer og en enkel, praktisk arbejdsgang, hvor du bruger Claude Code til at planlægge, generere og forfine din kode, styrer dit projekt med GitHub og udruller din færdige app online med Vercel. Du starter med en idé og omdanner den hurtigt til en klar projektplan, hvorefter du trin for trin bygger en fungerende applikation med fokus på kernefunktioner, enkel arkitektur og hurtig iteration frem for unødig kompleksitet, samtidig med at du lærer at arbejde effektivt med AI ved at skrive bedre prompts, rette fejl og forbedre funktioner, og afslutter med en live app, et ryddeligt GitHub-projekt og et gentageligt system til at omsætte fremtidige idéer til virkelige produkter hurtigere.

Forstå det grundlæggende i AI-assisteret udvikling, opsæt dit miljø, og bliv fortrolig med Claude Code, før du starter din første app.

Omsæt din idé til en klar, enkel plan og definer den mindste version af din app, der leverer reel værdi.

Gå fra ingenting til en kørende app ved at generere kode med AI, opsætte projektet og forstå, hvad der blev oprettet.

Forbedr din app ved at tilføje funktioner, forfine designet og lære, hvordan du effektivt løser problemer.

Udgiv dit projekt, gør det tilgængeligt online, og sikre at alt fungerer ved hjælp af GitHub og Vercel.

Field	What to enter
Key	`ANTHROPIC_API_KEY`
Value	Din faktiske API-nøgle fra `.env.local`

Udrulning med Vercel

Trinene

Hvorfor miljøvariabel-trinnet er vigtigt