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

Antes de poder ver tu aplicación, debe iniciarse. Este capítulo cubre ese paso y qué hacer si ocurre algún problema.

### Qué significa ejecutar localmente

Cuando Claude Code ejecuta tu proyecto, crea un servidor local en tu computadora. Esto utiliza tu conexión Wi-Fi para hacer que la aplicación sea accesible en tu navegador en una dirección como `localhost:3000`.

Esto no está en línea en internet. Si envías ese enlace a otra persona, no podrá abrirlo. Es solo para pruebas en tu propia máquina.


Nota

Piénsalo como un ensayo general. El espectáculo aún no está abierto al público, pero todo funciona como si lo estuviera.

### El comando que necesitas conocer

Este es el comando que inicia tu aplicación. Claude Code lo ejecutará por ti. Cuando se te solicite, haz clic en Permitir.

```
npm run dev
``` 

Si la aplicación no se inicia la primera vez, es normal. Claude Code leerá el error y lo corregirá automáticamente.

### Lo que deberías ver

Cuando la aplicación se cargue en tu navegador por primera vez, verás la página de inicio. Puedes interactuar con ella y hacer clic en diferentes partes. La funcionalidad de IA aún no funcionará porque no hemos configurado la clave de API. Eso se abordará en el próximo capítulo.

¿Qué significa ejecutar tu aplicación localmente?

Construye y lanza una aplicación real en solo un fin de semana utilizando herramientas modernas de IA y un flujo de trabajo simple y práctico, empleando Claude Code para planificar, generar y perfeccionar tu código, gestionando tu proyecto con GitHub y desplegando tu aplicación terminada en línea con Vercel. Comenzarás con una idea y rápidamente la convertirás en un plan de proyecto claro, luego avanzarás paso a paso en la construcción de una aplicación funcional, enfocándote en las características principales, una arquitectura sencilla y una iteración rápida en lugar de complejidad innecesaria, mientras aprendes a trabajar eficazmente con IA escribiendo mejores prompts, corrigiendo errores y mejorando funcionalidades, finalizando con una aplicación en línea, un proyecto limpio en GitHub y un sistema repetible para convertir futuras ideas en productos reales más rápido.

Comprender los conceptos básicos del desarrollo asistido por IA, configurar el entorno y familiarizarse con Claude Code antes de comenzar la primera aplicación.

Convierte tu idea en un plan claro y sencillo y define la versión más pequeña de tu aplicación que aporte valor real.

Pasa de cero a una aplicación en funcionamiento generando código con IA, configurando el proyecto y comprendiendo lo que se ha creado.

Mejora tu aplicación añadiendo funciones, refinando el diseño y aprendiendo a solucionar problemas de manera eficaz.

Publica tu proyecto, hazlo accesible en línea y asegúrate de que todo funcione utilizando GitHub y Vercel.

Ejecutar la Aplicación Localmente

Qué significa ejecutar localmente

El comando que necesitas conocer

Lo que deberías ver