Summary  
This chapter explains how to start a local development server with a single command to compile and preview your code, automatically detect and fix startup errors, and interact with the running application in real time.

General domain of usage  
Web application development

Innan du kan se din app måste den startas. Detta kapitel täcker det steget och vad du ska göra om något går fel.

### Vad det innebär att köra lokalt

När Claude Code kör ditt projekt skapas en lokal server på din dator. Detta använder din Wi-Fi-anslutning för att göra appen tillgänglig i din webbläsare på en adress som `localhost:3000`.

Detta är inte live på internet. Om du skickar den länken till någon annan kommer de inte att kunna öppna den. Den är endast för testning på din egen dator.


Notering

Tänk på det som en generalrepetition. Föreställningen är ännu inte öppen för allmänheten, men allt körs som om den vore det.

### Kommandot du behöver känna till

Detta är kommandot som startar din app. Claude Code kommer att köra det åt dig. När du blir tillfrågad, klicka på Tillåt.

```
npm run dev
``` 

Om appen inte startar första gången är det normalt. Claude Code kommer att läsa felet och åtgärda det automatiskt.

### Vad du bör se

När appen laddas i din webbläsare för första gången kommer du att se startsidan. Du kan interagera med den och klicka runt. AI-funktionaliteten kommer ännu inte att fungera eftersom vi inte har ställt in API-nyckeln. Det är vad nästa kapitel handlar om.

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.

Köra Appen Lokalt

Vad det innebär att köra lokalt

Kommandot du behöver känna till

Vad du bör se