Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Executando o Aplicativo Localmente | Primeiro Aplicativo Funcional
Aplicativo Web do Zero com Claude

bookExecutando o Aplicativo Localmente

Deslize para mostrar o menu

Antes de visualizar seu aplicativo, é necessário iniciá-lo. Este capítulo aborda esse passo e o que fazer caso algo dê errado.

O que significa rodar localmente

Quando o Claude Code executa seu projeto, ele cria um servidor local em seu computador. Isso utiliza sua conexão Wi-Fi para tornar o aplicativo acessível no navegador em um endereço como localhost:3000.

Note
Nota

Isso não está disponível na internet. Se você enviar esse link para outra pessoa, ela não conseguirá abri-lo. É apenas para testes em sua própria máquina.

Pense nisso como um ensaio geral. O espetáculo ainda não está aberto ao público, mas tudo funciona como se estivesse.

O comando que você precisa conhecer

Este é o comando que inicia seu aplicativo. O Claude Code irá executá-lo para você. Quando solicitado, clique em Permitir.

npm run dev

Se o aplicativo não iniciar na primeira vez, isso é normal. O Claude Code irá ler o erro e corrigi-lo automaticamente.

O que você deve ver

Quando o aplicativo carregar em seu navegador pela primeira vez, você verá a página inicial. Você pode interagir com ela e clicar à vontade. A funcionalidade de IA ainda não funcionará porque ainda não configuramos a chave da API. Isso será abordado no próximo capítulo.

question mark

O que significa executar seu aplicativo localmente

Selecione a resposta correta

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Seção 3. Capítulo 3
some-alt