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

Ennen kuin voit nähdä sovelluksesi, se täytyy käynnistää. Tässä luvussa käsitellään tämä vaihe ja mitä tehdä, jos jokin menee pieleen.

### Mitä paikallisesti ajaminen tarkoittaa

Kun Claude Code suorittaa projektisi, se luo paikallisen palvelimen tietokoneellesi. Tämä käyttää Wi-Fi-yhteyttäsi, jotta sovellus on käytettävissä selaimessasi osoitteessa, kuten `localhost:3000`.

Tämä ei ole julkisesti internetissä. Jos lähetät tämän linkin jollekin toiselle, hän ei voi avata sitä. Se on tarkoitettu vain oman koneesi testaamiseen.


Huomio

Ajattele tätä kuin kenraaliharjoitusta. Esitys ei ole vielä avoinna yleisölle, mutta kaikki toimii ikään kuin olisi.

### Komento, joka sinun tulee tietää

Tämä on komento, jolla sovelluksesi käynnistyy. Claude Code suorittaa sen puolestasi. Kun sinulta kysytään lupaa, napsauta Salli.

```
npm run dev
``` 

Jos sovellus ei käynnisty ensimmäisellä kerralla, se on normaalia. Claude Code lukee virheen ja korjaa sen automaattisesti.

### Mitä sinun pitäisi nähdä

Kun sovellus latautuu selaimeesi ensimmäistä kertaa, näet aloitussivun. Voit olla vuorovaikutuksessa sen kanssa ja klikata eri kohtia. Tekoälytoiminnallisuus ei vielä toimi, koska emme ole asettaneet API-avainta. Se käsitellään seuraavassa luvussa.

Mitä tarkoittaa sovelluksen ajaminen paikallisesti

Rakenna ja julkaise oikea sovellus vain yhdessä viikonlopussa käyttämällä moderneja tekoälytyökaluja ja yksinkertaista, käytännöllistä työnkulkua hyödyntäen Claude Codea koodin suunnitteluun, generointiin ja viimeistelyyn, hallinnoiden projektiasi GitHubilla ja julkaisten valmiin sovelluksen verkkoon Vercelin avulla. Aloitat ideasta ja muutat sen nopeasti selkeäksi projektisuunnitelmaksi, jonka jälkeen etenet vaiheittain toimivan sovelluksen rakentamiseen keskittyen ydintoimintoihin, yksinkertaiseen arkkitehtuuriin ja nopeaan iterointiin tarpeettoman monimutkaisuuden sijaan, samalla oppien työskentelemään tehokkaasti tekoälyn kanssa kirjoittamalla parempia kehotteita, korjaamalla virheitä ja parantamalla ominaisuuksia. Lopputuloksena on toimiva sovellus, siisti GitHub-projekti ja toistettava järjestelmä, jonka avulla voit muuttaa tulevat ideat oikeiksi tuotteiksi nopeammin.

Ymmärrä tekoälyavusteisen kehityksen perusteet, asenna kehitysympäristösi ja tutustu Claude Codeen ennen ensimmäisen sovelluksesi aloittamista.

Muunna ideasi selkeäksi, yksinkertaiseksi suunnitelmaksi ja määrittele sovelluksesi pienin versio, joka tuottaa todellista arvoa.

Siirry nollasta toimivaan sovellukseen generoimalla koodia tekoälyllä, perustamalla projekti ja ymmärtämällä, mitä on luotu.

Paranna sovellustasi lisäämällä ominaisuuksia, hiomalla suunnittelua ja oppimalla korjaamaan ongelmia tehokkaasti.

Julkaise projektisi, tee siitä saavutettava verkossa ja varmista, että kaikki toimii käyttämällä GitHubia ja Verceliä.

Sovelluksen Suorittaminen Paikallisesti

Mitä paikallisesti ajaminen tarkoittaa

Komento, joka sinun tulee tietää

Mitä sinun pitäisi nähdä