Tutoriales
Principiante
Aprenderás
- Flujo de trabajo de Conductor + Virtuoso
- Escritura de prompts efectivos
- Ejecución real en Docker
- Despliegue en un clic
- Publicación en el marketplace
Crea tu primera aplicación con Nxcode
Crea un gestor de tareas listo para producción en 15 minutos
En este tutorial práctico, crearás una aplicación completa de gestión de tareas desde cero. A diferencia de otras herramientas de IA que solo generan código, verás cómo tu aplicación se construye, prueba y despliega realmente en contenedores Docker reales.
Qué construiremos
Un gestor de tareas listo para producción con autenticación de usuarios, operaciones CRUD, categorías, prioridades y un panel de control, todo desplegado en la red global edge.
Requisitos previos
- Cuenta de Nxcode (Lite $5/mes o Pro $20/mes)
- Una idea básica de lo que quieres construir
- No se requiere experiencia en programación
Paso 1: Inicia un nuevo proyecto
- Inicia sesión en studio.zbuild.io
- Haz clic en "New Project" en tu panel de control
- Dale un nombre a tu proyecto: "Task Manager"
- Entrarás al Studio donde Conductor espera tus instrucciones
Paso 2: Describe tu aplicación a Conductor
Conductor es tu gestor de productos de IA. Describe lo que quieres en lenguaje natural:
Build a task management app with:
- User signup/login with email
- Create, edit, delete tasks
- Task priorities (high, medium, low)
- Categories with custom colors
- Dashboard showing task stats
- Clean, modern design with dark modeConsejos para mejores resultados
- Sé específico sobre las funciones que necesitas
- Menciona tus preferencias de diseño
- No te preocupes por los detalles técnicos: Conductor se encarga de eso
Paso 3: Revisa el plan de Conductor
Conductor analiza tu solicitud y crea un plan detallado:
Task Manager - Plan de ejecución
- 1Configurar el proyecto Next.js con TypeScript
- 2Implementar la autenticación de usuarios con JWT
- 3Crear los endpoints de la API CRUD para tareas
- 4Construir el sistema de gestión de categorías
- 5Diseñar la interfaz de usuario del panel de control responsivo
- 6Añadir interruptor de modo oscuro
- 7Configurar el despliegue en Cloudflare
Cada tarea tiene criterios de aceptación específicos que deben cumplirse antes de continuar.
Conductor
Construiré tu gestor de tareas. Algunas preguntas: 1. ¿Deberían las tareas tener fechas de vencimiento con recordatorios? 2. ¿Quieres subtareas/listas de verificación? 3. ¿Alguna integración con terceros (calendario, etc.)?
User
Sí a las fechas de vencimiento con recordatorios. Omite las subtareas por ahora. No se necesitan integraciones.
Conductor
¡Perfecto! He creado 8 tareas con criterios de aceptación claros. Virtuoso las ejecutará ahora en Docker. ¡Empecemos!
Paso 4: Observa cómo Virtuoso construye en Docker
Aquí es donde Nxcode se diferencia de otras herramientas. Virtuoso no solo genera código, sino que lo ejecuta en contenedores Docker reales:
Entorno Docker aislado aprovisionado
Virtuoso escribe el código para cada tarea
Dependencias instaladas realmente
TypeScript se compila, se crea el bundle
Las pruebas se ejecutan realmente y deben pasar
Si ocurren errores, Virtuoso los corrige (hasta 3 veces)
A diferencia de las herramientas de sandbox en el navegador, esta es una ejecución REAL. Los errores de construcción se detectan y corrigen automáticamente.
Paso 5: Revisa tu aplicación en funcionamiento
A medida que se completan las tareas, puedes ver tu aplicación funcionando en vivo:
Vista previa en vivo
Tu aplicación se ejecuta en tiempo real: prueba las funciones mientras se construyen
Explorador de código
Explora código limpio y bien estructurado: es tuyo para siempre
Solicitar cambios
Chatea con Conductor en cualquier momento para modificar funciones
Verificación de aceptación
Cada tarea se verifica antes de continuar
Paso 6: Despliegue en un clic
Cuando todas las tareas pasen, despliega al mundo:
- Haz clic en el botón "Deploy"
- La aplicación se construye para producción
- Se despliega en la red global edge de Cloudflare
- Obtienes una URL pública con HTTPS
¡Tu aplicación está en vivo!
- CDN global: rápida en todas partes
- Certificado SSL automático
- Soporte para dominios personalizados
- Cero gestión de servidores
Paso 7: Publica en la Economía del Creador (Opcional)
Convierte tu aplicación en un negocio:
Publicar
Listar en el marketplace de Nxcode
Establecer precios
Gratis, suscripción o pago único
Ganar
Quédate con el 70% de todos los ingresos
Imagina: los usuarios pagan $5/mes por tu gestor de tareas. Con 100 usuarios, ganas $350/mes de forma pasiva.
Lo que has aprendido
- Cómo planifica Conductor y cómo ejecuta Virtuoso
- Ejecución real en Docker frente a sandboxes de navegador
- Desarrollo impulsado por criterios de aceptación
- Despliegue global en un clic
- Monetización en la Economía del Creador
Tu aplicación no fue simplemente "generada": fue construida, probada y verificada en un entorno de ejecución real. Esa es la diferencia de Nxcode.
Próximos pasos
¿Listo para construir?
Comienza a construir tu aplicación lista para producción ahora.