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 juegos de texto/números para el mercado estadounidense; la brecha de información está justo ahí.
La semana pasada, me 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 empiezan en $0.
No escribí ni una sola línea de comando ni hice clic con el mouse en 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.
Sin necesidad de aprender diseño, sin necesidad de escribir código, sin necesidad de memorizar comandos de despliegue: 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 hispana todavía 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 / desplegar.
▸ Uso del ordenador (Computer Use): Opera cualquier aplicación en tu computadora: Chrome / Safari / Finder / software de diseño / cualquier interfaz gráfica. 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 bases de datos / crear repositorios / configurar pagos.
¿Cuál es este stack?
Una combinación de 5 herramientas, 1 de pago + 4 que empiezan siendo gratuitas:
- Codex — Controlador principal + Computer Use + 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 500 MB BD / 50k MAU)
- Vercel — Despliegue + Alojamiento de dominio + CDN → $0 (nivel gratuito 100 GB de ancho de banda/mes)
- Replicate — API de modelos de IA (cuando sea necesario) → Pago por uso: $0.001-0.01/llamada
- Dominio (Requerido) — El que elijas → $10/año (Namecheap)
→ El costo total para el primer año es de aproximadamente $250 ($20×12 + $10 del dominio, excluyendo las API de pago por uso).
¿Por qué elegir Daily Word Categories como demostración?
Los juegos de texto/números para el 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 de 2026), sigue creciendo.
- NYT Games: Según The New York Times, más de 10 millones de usuarios activos diarios.
- Palabras clave de cola larga como "pistas de Connections hoy" tienen un volumen de búsqueda diario masivo (según Google Keyword Planner).
Por qué Daily Word Categories es perfecto para la creación de sitios con IA:
- La IA genera niveles infinitos directamente: 16 palabras + 4 categorías temáticas al día, generadas por Codex con una sola frase.
- Los novatos entienden las reglas en 5 segundos: Interfaz de usuario minimalista, sin estados complejos.
- Camino de monetización claro: AdSense (alto tráfico) + Afiliados (promocionando 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 para 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 de nexu-io de @tuturetom (GitHub: github.com/nexu-io/open-design).
3 características principales:
- Local-first: Instalado en tu computadora, sin subida de datos.
- BYOK (Trae tu propia clave): Costos controlables.
- 19 Habilidades + 71 Sistemas de Diseño de grado de marca: Cubre sitios de Comercio electrónico / SaaS / Juegos / 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?
Se hace 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/contraseña/código de verificación → Haz clic en "Permitir" durante la autorización OAuth.
Codex hace por ti: Usa Computer Use para abrir el navegador → Abre las páginas de registro una por una → Rellena formularios automáticamente + maneja redirecciones OAuth + registra la información de la cuenta → Te guía para confirmar + cambia al siguiente sitio.
Envía esto a Codex:
"Usa Computer Use para ayudarme a registrarme en orden: GitHub / Vercel / Supabase / Namecheap / Replicate. Prioriza el inicio de sesión con GitHub OAuth (soportado por Vercel / Supabase). Yo ingresaré el correo y la contraseña, tú ejecutas el proceso + al final organiza 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 recorre el proceso sitio por sitio. Solo necesitas mirar la pantalla, ingresar tus datos personales 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 prioricen la aplicación oficial firmada. Instala Supabase CLI + Vercel CLI. Dime la dirección local de Open Design + las versiones de las 3 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
Terminado en 3-8 minutos, Codex te dice 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 Computer Use 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 Computer Use para abrir Open Design local. Crea un diseño para el sitio de juego Daily Word Categories, similar a NYT Connections: 16 palabras en inglés divididas en 4 grupos al día. Tema oscuro, primero móvil, 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 las funciones → Espera a que Codex termine.
Codex hace por ti: Escribe el frontend en React + usa Supabase MCP para configurar directamente el esquema de la base de datos + RLS + escribe las API → Configura automáticamente trabajos cron (no necesitas abrir el panel de Supabase).
Envía:
"Convierte el segundo borrador de diseño en un proyecto de 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 un trabajo 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 (sin necesidad de abrir el editor SQL) + escribe el código del frontend + configura los trabajos cron.
En 7-15 minutos, ya se puede jugar en localhost:3000.
5. Codex despliega en Vercel + usa Computer Use para cambiar el 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 las variables de entorno → Usa Computer Use para abrir el navegador → Opera el backend de Namecheap para cambiar el DNS → Cambia a Google Search Console para enviar la verificación + el mapa del sitio.
Envía:
"Haz push a un nuevo repositorio de GitHub, despliega en Vercel y sincroniza las variables de entorno automáticamente. Usa Computer Use 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 Computer Use: Abre el navegador → Opera Namecheap para cambiar DNS → Cambia a Google Search Console para verificación + envío del mapa del sitio
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: Computer Use se detendrá en el Paso 1 / 3 / 5 sin autorización
Computer Use de Codex mostrará una ventana pidiéndote que hagas clic en "Permitir" la primera vez que opera cada aplicación. Si no has usado Computer Use de la aplicación Codex antes, se recomienda ir a Configuración → Privacidad → Accesibilidad / Grabación de pantalla para autorizar Codex una vez, y evitar quedarte atascado 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 si las reglas RLS son razonables antes de salir a producción. Explicaré los detalles en la próxima publicación.
Error 3: Tareas paralelas en segundo plano de Chrome ≠ todas las tareas de Computer Use pueden ser paralelas
Después del anuncio de OpenAI del 21/5, las tareas de Codex en Chrome ya son paralelas en segundo plano y 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), sigue siendo secuencial: en esos momentos, no agarres el mouse / no hagas cmd+tab para salirte, 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 perfiles para coincidir:
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 acertijos diarios (Cosechador de tráfico de cola larga) → Sitios tipo "Pistas de Connections hoy" / "Respuesta de Wordle hoy"; los mejores jugadores de Sudoku obtienen 12.69 millones de búsquedas orgánicas al mes.
Quieres hacer sitios de herramientas de moda (tipo "Generador de XX con IA") → 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 del sitio individual aumenta)
- Mes 6: Costo mensual $50-100 / Ingresos $500-1000+ (Múltiples sitios acumulados / AdSense + Afiliados)
Las cifras de ingresos son rangos comunes de la industria; consulta tu panel real de AdSense/Afiliados. Referencia máxima: sudoku.com obtiene 12.69 millones de búsquedas orgánicas para un solo 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.
Y lo que es más importante: Codex ahora puede hacer más que solo escribir código; puede usar Computer Use para operar cualquier aplicación en tu computadora (no solo navegadores: Finder / Photoshop / cualquier interfaz gráfica) + llamar a MCP para configurar servicios backend. Hoy (21/5), OpenAI añadió otro truco: las tareas de Chrome se ejecutan en pestañas paralelas en segundo plano sin ocupar tu navegador. Los novatos realmente hacen 0 trabajo manual + 0 espera: solo usas tu voz + miras la pantalla + presionas 'y', y pasas el resto del tiempo en Twitter o en reuniones.
Los sitios de juegos de texto/números para el mercado estadounidense siguen siendo un océano azul: sudoku.com con 12.69 millones de búsquedas sigue 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.
