Construye un proyecto real con Claude Code
Aprende a usar Claude Code para construir un proyecto real paso a paso usando IA.
Hoja de ruta y recursos
Configurar Claude Code
Obtener acceso a Claude Code
Requiere suscripción a Claude Pro
Obtener acceso a Claude Pro
Inicia tu suscripción a Claude
https://claude.ai/
Descargar Visual Studio Code
Descarga VS Code (gratis)
Editor oficial para Claude Code
https://code.visualstudio.com/
Instala la extensión de Claude Code
Crear una nueva carpeta de proyecto
Conectar tu cuenta de Claude
Elige los ajustes correctos
Elige el modelo correcto
Empieza con el modelo por defecto y cambia a Opus para mejores resultados.
Usa Ask Before Edits
Te mantiene en control antes de que se apliquen los cambios.
Prueba Edit Automatically
Flujo de trabajo más rápido una vez que te sientas cómodo.
Usa Plan Mode cuando lo necesites
Útil para planificar antes de construir.
Mantén el esfuerzo equilibrado
Un esfuerzo medio funciona mejor para la mayoría de las tareas.
Construir el proyecto
Empieza con tu idea
Manténlo simple, solo describe lo que quieres.
Generar el prompt
Deja que Claude te cree un prompt estructurado.
Construir y ejecutar el proyecto
Pega el prompt y ejecuta la primera versión.
Corregir errores
Corrige problemas como API keys faltantes.
Mejorar el diseño
Mejora la UI usando un prompt.
Mejorar diseño y UI
Haz que este sitio web se vea muy premium y moderno…
Make this website look very premium and modern. Improve UI, spacing, typography, and colors with beautiful gradients. Add dark mode, smooth animations, and upgrade all components. Also add sign up and sign in pages. Keep everything working.
Pónlo en línea
Despliega tu proyecto (ponlo en línea)
Guía paso a paso para desplegar tu proyecto y ponerlo en línea en tu dominio.
Ver la guía completa de despliegue
Guía completa de despliegue
Step-by-step
https://youtu.be/s_2taeO8KRI?si=3aAO45uIe8S8BLJ9