Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer De app lokaal uitvoeren | Eerste Werkende App
Webapplicatie Vanaf Nul Met Claude

bookDe app lokaal uitvoeren

Veeg om het menu te tonen

Voordat je je app kunt bekijken, moet deze worden gestart. Dit hoofdstuk behandelt die ene stap en wat je moet doen als er iets misgaat.

Wat lokaal uitvoeren betekent

Wanneer Claude Code je project uitvoert, wordt er een lokale server op je computer aangemaakt. Dit gebruikt je wifi-verbinding om de app toegankelijk te maken in je browser op een adres zoals localhost:3000.

Note
Opmerking

Dit is niet live op het internet. Als je die link naar iemand anders stuurt, kan die persoon deze niet openen. Het is alleen bedoeld voor testen op je eigen computer.

Zie het als een generale repetitie. De voorstelling is nog niet open voor het publiek, maar alles draait alsof dat wel zo is.

De opdracht die je moet kennen

Dit is de opdracht waarmee je je app start. Claude Code voert deze voor je uit. Wanneer daarom wordt gevraagd, klik op Toestaan.

npm run dev

Als de app niet direct start, is dat normaal. Claude Code leest de foutmelding en lost het automatisch op.

Wat je zou moeten zien

Wanneer de app voor het eerst in je browser wordt geladen, zie je de landingspagina. Je kunt ermee interactie hebben en rondklikken. De AI-functionaliteit werkt nog niet omdat we de API-sleutel nog niet hebben ingesteld. Dat wordt in het volgende hoofdstuk behandeld.

question mark

Wat betekent het om je app lokaal uit te voeren

Selecteer het correcte antwoord

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 3. Hoofdstuk 3

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Sectie 3. Hoofdstuk 3
some-alt