No necesitas saber Figma, React, Supabase o Vercel. Este artículo te enseña cómo saltarte la burocracia e ir directo al grano con Codex para tener un sitio web rentable funcionando.
El sitio sudoku.com recibe 12.69 millones de búsquedas orgánicas al mes (datos de SimilarWeb de abril de 2026). La mayoría de los desarrolladores en la comunidad hispanohablante aún no están creando este tipo de sitios de juegos de texto/números para el mercado estadounidense; la brecha de información está justo ahí.
La semana pasada, pasé un día creando un sitio de juego de agrupación de palabras al estilo de NYT Connections: Daily Word Categories.
0 experiencia en diseño, 0 código frontend/backend, y un costo mensual de solo una suscripción a Codex de $20. Las otras 4 herramientas todas comienzan en $0.
No escribí ni una sola línea de comando ni hice clic con el mouse durante todo el proceso — Codex ejecutó los comandos por mí, Codex operó cualquier aplicación en mi computadora (navegador/Finder/software de diseño) y Codex configuró la base de datos por mí.
Aún mejor, Codex ahora puede ejecutarse en múltiples pestañas de fondo en paralelo sin ocupar tu navegador. Esto significa que mientras Codex registra cuentas o cambia DNS por ti, puedes usar tu computadora para otras cosas al mismo tiempo.
No necesitas aprender diseño, no necesitas escribir código, no necesitas memorizar comandos de implementación — solo hablas con Codex.
Codex ahora puede hacer 3 cosas — esta es la clave para tu enfoque de cero esfuerzo
La mayoría de las personas en la comunidad hispanohablante aún piensan que Codex es solo una "herramienta de codificación con IA". De hecho, después de mayo de 2026, Codex puede hacer 3 cosas, y estas 3 combinadas = ejecutar un sitio de proyecto secundario completo por ti:
▸ Ejecución de Comandos CLI: Ejecuta comandos npm / git / pnpm / vercel. Cuándo usarlo: Instalar herramientas / iniciar proyectos / implementar.
▸ Uso de Computadora: Opera cualquier aplicación en tu computadora: Chrome / Safari / Finder / software de diseño / cualquier GUI. Después de una autorización, Codex hace clic, escribe y toma capturas de pantalla por ti. Chrome tiene una extensión dedicada (la más estable usando tu sesión iniciada). Cuándo usarlo: Registrar 5 cuentas / cambiar DNS / configurar Search Console / operar cualquier aplicación que no tenga línea de comandos.
▸ Llamadas a Servicios MCP: (Disponible para Supabase / GitHub / Stripe, etc.) Llama directamente a las API de servicios externos + configuraciones. Cuándo usarlo: Configurar esquemas de base de datos / crear repositorios / configurar pagos.
¿Cuál es este stack?
Una combinación de 5 herramientas, 1 paga + 4 que comienzan gratis:
- Codex — Controlador principal + Uso de Computadora + trío MCP → $20/mes (suscripción)
- Open Design — Generación de borradores de diseño (Código abierto, compatible con 9 CLI) → $0 (local-first)
- Supabase — Base de datos + Inicio de sesión + Almacenamiento de archivos (tiene interfaz MCP) → $0 (Nivel gratuito 500MB DB / 50k MAU)
- Vercel — Implementación + Alojamiento de dominio + CDN → $0 (Nivel gratuito 100GB de ancho de banda/mes)
- Replicate — API de modelo de IA (cuando sea necesario) → Pago por uso $0.001-0.01/llamada
- Dominio (Requerido) — Tú eliges → $10/año (Namecheap)
→ El costo total para el primer año es aproximadamente $250 ($20×12 + $10 de dominio, excluyendo APIs de pago por uso).
¿Por qué elegir Daily Word Categories como demostración?
Los juegos de texto/números del mercado estadounidense son un océano azul en 2026. 3 puntos de datos (disponibles públicamente):
- sudoku.com: 12.69 millones de búsquedas orgánicas mensuales (SimilarWeb abril 2026), aún en crecimiento.
- NYT Games: Según The New York Times, más de 10 millones de usuarios activos diarios.
- Las palabras clave de cola larga como "Connections hints today" tienen un volumen de búsqueda diario masivo (según Google Keyword Planner).
Por qué Daily Word Categories es perfecto para la construcción de sitios con IA:
- La IA genera niveles infinitos directamente — 16 palabras + 4 categorías temáticas diariamente, generadas por Codex en una sola oración.
- Los principiantes entienden las reglas en 5 segundos — Interfaz de usuario minimalista, sin estados complejos.
- Camino de monetización claro — AdSense (alto tráfico) + Afiliados (promoción de herramientas similares) + Suscripción premium (pistas diarias).
- Existe una brecha de información — La mayoría de los desarrolladores hispanohablantes no están haciendo juegos de texto en EE. UU., por lo que la competencia es baja.
¿Qué es Open Design? Por qué debes instalarlo
Open Design es una alternativa a Claude Design de código abierto creada por el equipo nexu-io de @tuturetom (GitHub: github.com/nexu-io/open-design).
3 características principales:
- Local-first: Instalado en tu computadora, sin carga de datos.
- BYOK (Trae tu propia clave): Costos controlables.
- 19 Habilidades + 71 Sistemas de Diseño de grado de marca: Cubre comercio electrónico / SaaS / Juegos / Sitios personales.
- 9 CLI Universal: Compatible con Codex / Claude Code / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi.
Resuelve la mayor debilidad de la escuela de codificación por vibración: el diseño de UI.
¿Cómo operar específicamente?
Hecho en 5 pasos. Cada paso aclara "Qué haces tú / Qué hace Codex por ti" — tu parte es solo voz/texto.
1. Codex registra 5 cuentas por ti (15 minutos)
Tú solo haces 3 cosas: Dile a Codex "ayúdame a registrar 5 cuentas" → Mira la pantalla + ingresa correo electrónico/contraseña/código de verificación → Haz clic en "Permitir" durante la autorización OAuth.
Codex hace por ti: Usa Uso de Computadora para abrir el navegador → Abre las páginas de registro una por una → Completa formularios automáticamente + maneja redirecciones OAuth + registra información de la cuenta → Te guía para confirmar + cambia al siguiente sitio.
Envía esto a Codex:
"Usa Uso de Computadora para ayudarme a registrarme en orden: GitHub / Vercel / Supabase / Namecheap / Replicate. Prioriza el inicio de sesión con GitHub OAuth (compatible con Vercel / Supabase). Yo ingresaré el correo electrónico y la contraseña, tú ejecutas el proceso + finalmente organizas los detalles de las 5 cuentas en una lista."
Codex abre Chrome automáticamente (se recomienda la extensión de Chrome para mayor estabilidad con sesiones existentes) y sigue el proceso sitio por sitio. Solo necesitas mirar la pantalla, ingresar información personal y hacer clic en Permitir.
2. Codex instala Open Design + todo el toolchain (10 minutos)
Tú solo haces 2 cosas: Envía un prompt → Presiona 'y' para aceptar cada paso.
Codex hace por ti: Verifica el entorno local → Instala lo que falta → Instala Open Design → Lo inicia → Ejecuta todos los comandos + muestra el progreso + te dice la dirección de acceso cuando termina.
Envía:
"Ve a github.com/nexu-io/open-design e instala Open Design en ~/Tools/open-design. Los usuarios de Mac priorizan la aplicación firmada oficial. Instala Supabase CLI + Vercel CLI. Dime la dirección local de Open Design + las 3 versiones de herramientas para confirmar la instalación."
Codex se ejecuta automáticamente:
1# Estos son ejecutados por Codex, tú solo miras2git clone https://github.com/nexu-io/open-design ~/Tools/open-design3cd ~/Tools/open-design && pnpm install && pnpm dev4npm install -g supabase5npm install -g vercel
Listo en 3-8 minutos, Codex te da la dirección local de Open Design.
3. Codex opera Open Design para producir borradores de diseño (5 minutos)
Tú solo haces 2 cosas: Envía un prompt describiendo tu sitio de juego → Elige 1 diseño que te guste.
Codex hace por ti: Usa Uso de Computadora para abrir la interfaz de Open Design → Ingresa los requisitos de diseño → Espera la generación → Presenta 3 candidatos → Guarda el diseño seleccionado en el directorio del proyecto.
Envía:
"Usa Uso de Computadora para abrir Open Design local. Crea un diseño de sitio de juego Daily Word Categories — similar a NYT Connections, 16 palabras en inglés divididas en 4 grupos diariamente. Tema oscuro, mobile-first, estilo minimalista como NYT Games. Dame 3 candidatos para elegir."
Codex opera automáticamente la interfaz de Open Design + genera imágenes.
4. Codex escribe el frontend + configura la base de datos con Supabase MCP (15-20 minutos)
Tú solo haces 2 cosas: Envía un prompt describiendo funciones → Espera a que Codex termine.
Codex hace por ti: Escribe el frontend React + usa Supabase MCP para configurar directamente el esquema de la base de datos + RLS + escribe APIs → Configura automáticamente tareas cron (no necesitas abrir el panel de Supabase).
Envía:
"Convierte el segundo borrador de diseño en un proyecto Next.js. Usa Supabase MCP para configurar directamente 2 tablas: (1) puzzles (fecha + 16 palabras + 4 categorías) (2) user_progress (user_id + puzzle_date + solved_at). Configura reglas RLS básicas. Establece una tarea cron a las 6 AM diariamente para generar nuevos niveles usando GPT-5."
Codex llama automáticamente a Supabase MCP para configurar directamente la base de datos (no necesitas abrir el editor SQL) + escribe código frontend + configura tareas cron.
En 7-15 minutos, se puede jugar en localhost:3000.
5. Codex implementa en Vercel + usa Uso de Computadora para cambiar DNS en Namecheap (15 minutos)
Tú solo haces 3 cosas: Envía el prompt → Ingresa la contraseña de inicio de sesión de Namecheap → Ingresa la contraseña de Google Search Console.
Codex hace por ti: Ejecuta git push + vercel deploy a través de CLI + sincroniza variables de entorno → Usa Uso de Computadora para abrir el navegador → Opera el backend de Namecheap para cambiar DNS → Cambia a Google Search Console para enviar verificación + sitemap.
Envía:
"Haz push a un nuevo repositorio de GitHub, implementa en Vercel y sincroniza las variables de entorno automáticamente. Usa Uso de Computadora para iniciar sesión en mi Namecheap y cambiar el DNS de dailywordcat.com a los servidores de nombres proporcionados por Vercel. También, configura Google Search Console + envía sitemap.xml."
Codex automáticamente:
- Parte CLI: git init + push + vercel deploy + sincronizar variables de entorno
- Parte Uso de Computadora: Abre el navegador → Opera Namecheap para cambiar DNS → Cambia a Google Search Console para verificación + envío de sitemap
Durante todo el proceso, solo necesitas ingresar las contraseñas de Namecheap/Google cuando se te solicite; Codex hace clic en todo lo demás por ti.
La resolución del dominio se completa en 20-30 minutos.
En este momento, tienes un sitio web en vivo y funcionando.
3 Errores Más Comunes
Error 1: Uso de Computadora se detendrá en el Paso 1 / 3 / 5 sin autorización
Codex Uso de Computadora mostrará una ventana pidiéndote que hagas clic en "Permitir" la primera vez que opera cada aplicación. Si nunca has usado Uso de Computadora de la App de Codex, se recomienda ir a Configuración → Privacidad → Accesibilidad / Grabación de Pantalla para autorizar Codex una vez y evitar quedarte atascado durante 5 minutos buscando ventanas de permisos. La extensión de Chrome es la más estable para tareas de Chrome.
Error 2: RLS (Seguridad a Nivel de Fila) de Supabase no configurado = base de datos expuesta
Codex configura una versión básica de RLS a través de MCP. Debes verificar que las reglas RLS sean razonables antes de publicar. Explicaré los detalles en la próxima publicación.
Error 3: Tareas paralelas en segundo plano de Chrome ≠ todas las tareas de Uso de Computadora pueden ser paralelas
Después del anuncio de OpenAI del 21/05, las tareas de Codex en Chrome ya están en segundo plano en paralelo + no ocupan el navegador — el registro de cuentas del Paso 1 / los cambios de DNS del Paso 5 son tareas de Chrome, por lo que puedes usar tu computadora para otras cosas simultáneamente.
Pero: Cuando Codex opera aplicaciones nativas (Finder / Photoshop / cualquier aplicación que no sea el navegador), todavía es secuencial — en esos momentos, no agarres el mouse / no hagas cmd+tab para salir, espera a que termine ese paso. Los Pasos 2-4 que interactúan con Open Design local ocasionalmente usan modo nativo; tenlo en cuenta.
¿Qué tipo de sitios puede construir esto?
4 identidades para igualar:
Quieres hacer sitios de juegos de texto/números para el mercado estadounidense (Opción de océano azul) → Variantes de Wordle / Variantes de Connections / Sudoku / Crucigramas
Quieres hacer sitios de respuestas de rompecabezas diarios (Cosechador de tráfico de cola larga) → Sitios tipo "Connections hints today" / "Wordle answer today"; los principales jugadores de Sudoku obtienen 12.69 millones de búsquedas orgánicas mensuales.
Quieres hacer sitios de herramientas de tendencia (tipo "Generador de IA XX") → Páginas de aterrizaje para herramientas que siguen los lanzamientos de nuevos modelos.
Quieres hacer un SaaS con inicio de sesión y pago → Supabase auth + Stripe + Vercel = Un sitio comercial completo.
Costo Mensual vs. Expectativas de Ingresos
- Mes 1: Costo mensual $20-30 / Ingresos $0-50 (Construyendo + esperando la indexación de Google)
- Mes 3: Costo mensual $30-50 / Ingresos $50-300 (El tráfico de un solo sitio aumenta)
- Mes 6: Costo mensual $50-100 / Ingresos $500-1000+ (Acumulados múltiples sitios / AdSense + Afiliados)
Las cifras de ingresos son rangos comunes de la industria; consulta tu panel real de AdSense/Afiliados. Techo de referencia: sudoku.com obtiene 12.69 millones de búsquedas orgánicas para un sitio.
Una Última Palabra
Lanzar un sitio solía requerir 3 roles: Diseñador + Frontend + Backend. O una persona aprendiendo 3 conjuntos de habilidades durante 3 meses.
Ahora, 1 suscripción a Codex + Open Design de código abierto = Los 3 roles cubiertos. $20/mes es apenas más que un café de Starbucks.
Más importante aún — Codex ahora puede hacer más que solo escribir código; puede usar Uso de Computadora para operar cualquier aplicación en tu computadora (no solo navegadores — Finder / Photoshop / cualquier GUI) + llamar a MCP para configurar servicios backend. Hoy (21/05), OpenAI agregó otro truco: Las tareas de Chrome se ejecutan en pestañas paralelas en segundo plano sin ocupar tu navegador. Los principiantes realmente hacen 0 trabajo manual + 0 espera: Solo usas tu voz + miras la pantalla + presionas 'y', y pasas el resto del tiempo desplazándote por Twitter o en reuniones.
Los sitios de juegos de texto/números del mercado estadounidense siguen siendo un océano azul — sudoku.com con 12.69 millones de búsquedas aún está creciendo, y la mayoría de los desarrolladores hispanohablantes aún no se han movido. Las brechas de información son dinero.
Elige un día para ejecutar estos 5 pasos. Una vez que lo hayas hecho una vez, lanzar un nuevo sitio es un trabajo de 30 minutos. No interferirá con tus planes de fin de semana.
