Saltar al contenido
Cursos/Crea webs profesionales con IA desde cero/Construye el primer prototipo local
Revisión pendiente desde 21 ago 20263 fuentes primarias

Construye el primer prototipo local

Pasa del briefing a una web navegable en tu ordenador, sin publicar ni conectar servicios todavía.

Qué vas a conseguir ahora

Una decisión o prueba aplicada a «Construye el primer prototipo local».

  1. 1Entiende el criterio
  2. 2Haz una práctica pequeña
  3. 3Guarda una evidencia
Evidencia

Una nota breve con qué hiciste, qué salió bien, qué falló y qué revisarías después.

Lección 7 de 4775 min Fundamentos Codex + GPT-5.6 Sol

Resultado visible

Obtendrás una web navegable en tu ordenador con contenido real, sin formularios conectados ni publicación. El prototipo es un instrumento de aprendizaje, no una demo falsa.

Encargo de construcción

Lee AGENTS.md, BRIEF.md, CONTENT.md y SITEMAP.md. Propón primero
un plan breve y la estructura de archivos. Después crea un prototipo
local de la versión uno.

Condiciones:
- usa la solución más sencilla compatible con el alcance;
- reutiliza componentes y variables de diseño;
- no añadas testimonios, métricas, precios ni funciones no aprobadas;
- navegación y controles deben funcionar con teclado;
- añade estados provisionales visibles para contenido pendiente;
- incluye instrucciones exactas para iniciarlo y detenerlo;
- al final ejecuta las comprobaciones disponibles y resume los archivos cambiados.

No publiques, no conectes servicios y no uses claves.

Si el proyecto es una landing sencilla, HTML y CSS pueden bastar. Si ya existe una aplicación Next.js, respeta su arquitectura y documentación instalada. No obligues a Codex a reemplazar una base estable para seguir una moda.

Prueba manual

Arranca el servidor siguiendo el README. Abre solo la dirección local que muestra la terminal. Visita todas las rutas, pulsa cada enlace y redimensiona la ventana. Detén el servidor al terminar.

Aceptación

  • no hay texto de relleno ni información inventada;
  • la acción principal lleva a un destino real o a un estado explícito;
  • no aparecen errores en la página ni en la consola;
  • al recargar una ruta sigue funcionando;
  • otra persona puede iniciarlo siguiendo el README.

Recuperación

Antes de cambios grandes crea un commit o una copia. Si el resultado diverge, no pidas «arréglalo todo»: vuelve al último estado conocido y divide el encargo.

Fuentes oficiales

Si has guardado la evidencia de esta lección, continúa con «Revisa y corrige con el navegador integrado». Si no, repite la comprobación antes de avanzar.

Mapa completo de AulafyConsulta cómo encaja esta lección sin salir de tu ruta.

Mapa completo de Aulafy

Cómo se relacionan todos los cursos

No es una lista que debas completar. Empieza por la base, elige un resultado y profundiza solo cuando tu proyecto necesite más control.

  1. 1Comprender
  2. 2Aplicar o construir
  3. 3Operar con confianza
01

Empieza aquí

Crea una base común: qué puede hacer la IA, cómo pedir resultados y cómo comprobarlos antes de especializarte.

Desde esta base puedes aplicar la IA a una tarea o aprender a construir con código.

02

Elige una aplicación

Convierte la base en un resultado visible: una web, una mejora de negocio, contenido o una experiencia interactiva.

Si necesitas mantener código, datos o infraestructura, continúa por la rama técnica.

03

Construye con código

Prepara el entorno, trabaja con agentes de programación y aprende a ejecutar modelos con control sobre tus proyectos.

Esta rama prepara los conocimientos necesarios para diseñar y operar sistemas de IA fiables.

04

Lleva sistemas a producción

Combina recuperación, agentes, evaluación, seguridad, despliegue y adaptación de modelos cuando el problema lo exija.

No es obligatorio completarlo todo: elige solo la pieza que tu sistema necesita y vuelve al mapa cuando crezca.

Ver catálogo completo