Summary  
This chapter covers using Git to push local code to a remote GitHub repository, including authentication via GitHub’s device flow and managing sensitive files with a .gitignore.  

General domain of usage  
Web application deployment

**GitHub** är en plattform för att lagra och hantera kod med versionshantering (Git). Den låter utvecklare lagra projekt, spåra ändringar, samarbeta med andra och dela sitt arbete online.

Definition

Just nu finns ditt projekt i en mapp på din dator. För att publicera det online behöver du flytta det till en plats där en hostingplattform kan komma åt det. GitHub fungerar som mellanhanden.

Tänk på GitHub som molnlagring för kod. Dina filer finns kvar på din dator men GitHub behåller en kopia som andra verktyg — som hostingplattformen vi använder i nästa kapitel — kan läsa och distribuera från.

GitHub lagrar din kod. Vercel publicerar den. Vi börjar med GitHub.

Notering

### Vad du behöver göra

1. **Skapa ett GitHub-konto**
Gå till **github.com** och klicka på **Sign Up**.
Om du redan har ett konto, logga bara in

2. **Be Claude Code att ladda upp ditt projekt**
   Du behöver inte hantera GitHub-inställningar manuellt. Be Claude Code:

```
How can I get my app published? I have a GitHub account. I want the simplest way to publish the app.
```

Claude Code guidar dig genom att ladda upp ditt projekt till GitHub.
När du ombeds att auktorisera via **github.com/login/device**, följ stegen, ange koden och klicka på **Approve**

3. **Bekräfta att ditt projekt är live på GitHub**
   När det är klart kommer Claude Code att ge dig en GitHub-URL
Öppna länken och kontrollera att alla dina projektfiler finns där

### En viktig sak att känna till

Ditt projekt har en fil som heter .env.local. Det är här din API-nyckel finns. Den utesluts automatiskt från GitHub av en fil som heter .gitignore. Detta innebär att din API-nyckel förblir privat och inte laddas upp.

Du behöver inte göra något här. Claude Code hanterar detta automatiskt. Det är dock bra att förstå varför.

När din kod finns på GitHub, kommer nästa kapitel att behandla hur du distribuerar den till Vercel så att din app blir tillgänglig på internet med en riktig URL som vem som helst kan besöka.


Vad är GitHubs huvudsakliga roll vid distribution av din kod?

Bygg och lansera en riktig app på bara en helg med moderna AI-verktyg och ett enkelt, praktiskt arbetsflöde, genom att använda Claude Code för att planera, generera och förbättra din kod, hantera ditt projekt med GitHub och distribuera din färdiga app online med Vercel. Du börjar med en idé och omvandlar den snabbt till en tydlig projektplan, för att sedan steg för steg bygga en fungerande applikation med fokus på kärnfunktioner, enkel arkitektur och snabb iteration istället för onödig komplexitet, samtidigt som du lär dig arbeta effektivt med AI genom att skriva bättre prompts, åtgärda fel och förbättra funktioner, och avslutar med en live-app, ett välstrukturerat GitHub-projekt och ett repeterbart system för att snabbare omvandla framtida idéer till verkliga produkter.

Förstå grunderna i AI-assisterad utveckling, konfigurera din miljö och bli bekant med Claude Code innan du påbörjar din första app.

Förvandla din idé till en tydlig, enkel plan och definiera den minsta versionen av din app som levererar verkligt värde.

Gå från noll till en fungerande app genom att generera kod med AI, sätta upp projektet och förstå vad som skapats.

Förbättra din app genom att lägga till funktioner, förfina designen och lära dig att åtgärda problem effektivt.

Publicera ditt projekt, gör det tillgängligt online och säkerställ att allt fungerar med hjälp av GitHub och Vercel.

Skicka Kod till GitHub

Vad du behöver göra

En viktig sak att känna till