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 koden din fra GitHub og publiserer den som et levende nettsted. Hver gang du laster opp en oppdatering til GitHub, distribuerer Vercel den automatisk på nytt. Du trenger ikke gjøre noe manuelt etter første oppsett.

Definisjon

Koden din ligger på GitHub. Dette kapittelet gjør den tilgjengelig på internett med en ekte URL du kan dele med hvem som helst.

### Stegene

Gå til [vercel.com](https://vercel.com) og registrer deg. Koble til GitHub-kontoen din når du blir bedt om det. Dette gjør at Vercel kan se dine repositories.

1. Opprett en Vercel-konto

Når du er på Vercel-dashboardet, klikk på **Add New** og velg **Project**. Du skal se GitHub-repositoriet ditt i listen. Klikk på **Import**.

2. Importer prosjektet ditt

Dette er det viktigste steget. API-nøkkelen din ligger ikke på GitHub fordi den er ekskludert av `.gitignore`. Det betyr at Vercel heller ikke har den. Du må gi den direkte til Vercel.

På oppsettsiden for prosjektet, åpne seksjonen **Environment Variables**. Du må legge til API-nøkkelen din her før du distribuerer.

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

Du kan også klikke på **Import .env** og velge `.env.local`-filen din direkte. Vercel vil automatisk lese nøkkelen og verdien fra denne. Dette er det enkleste alternativet.

3. Legg til miljøvariabler

Når miljøvariabelen er lagt til, klikk på **Deploy**. Vercel henter alle kodefilene dine fra GitHub og publiserer dem. Dette tar to til fem minutter.

4. Klikk Deploy

Når du ser gratulerer-skjermen, er appen din live! Vercel gir deg en URL du kan åpne i hvilken som helst nettleser og dele med hvem som helst.

5. Ferdig

### Hvorfor steget med miljøvariabel er viktig

Appen din vil bygges og tilsynelatende fungere uten API-nøkkelen. Men i det øyeblikket noen sender inn en idé, vil det feile fordi appen ikke har noen måte å kontakte AI-en på. Å legge til nøkkelen i Vercel er det som gjør at kjernefunksjonen faktisk fungerer i produksjon.

Lokal `.env.local`-fil forblir på datamaskinen din. Vercel-miljøvariabler er din `.env.local` for den publiserte nettversjonen.


Merk

Hva må du gjøre for å sikre at den publiserte appen din kan få tilgang til AI-API-et?

Bygg og lanser en ekte app på bare én helg ved hjelp av moderne AI-verktøy og en enkel, praktisk arbeidsflyt, bruk Claude Code til å planlegge, generere og forbedre koden din, administrer prosjektet ditt med GitHub, og distribuer den ferdige appen din på nettet med Vercel. Du starter med en idé og gjør den raskt om til en tydelig prosjektplan, deretter går du steg for steg videre til å bygge en fungerende applikasjon, med fokus på kjernefunksjoner, enkel arkitektur og rask iterasjon i stedet for unødvendig kompleksitet, samtidig som du lærer å jobbe effektivt med AI ved å skrive bedre forespørsler, rette feil og forbedre funksjoner, og avslutter med en live app, et ryddig GitHub-prosjekt og et repeterbart system for å gjøre fremtidige ideer om til ekte produkter raskere.

Forstå det grunnleggende innen AI-assistert utvikling, sett opp ditt miljø, og bli kjent med Claude Code før du starter din første app.

Gjør ideen din om til en tydelig, enkel plan og definer den minste versjonen av appen din som gir reell verdi.

Gå fra ingenting til en fungerende app ved å generere kode med KI, sette opp prosjektet og forstå hva som ble opprettet.

Forbedre appen din ved å legge til funksjoner, forbedre designet og lære hvordan du løser problemer effektivt.

Publiser prosjektet ditt, gjør det tilgjengelig på nettet, og sørg for at alt fungerer ved hjelp av GitHub og Vercel.

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

Distribusjon med Vercel

Stegene

Hvorfor steget med miljøvariabel er viktig