Una página, 23.700 $ al mes: vibe coding de un sitio de utilidad en un día

La mayoría de las creaciones no-code fracasan no porque las herramientas sean débiles, sino porque el orden es incorrecto: se abre el builder, se escribe el texto y se pegan visuales sobre código funcional hasta que el resultado parece utilizable pero olvidable. El enfoque que se presenta aquí rompe ese bucle dividiendo el trabajo en dos fases limpias. Claw design fija primero la tipografía, el color, la disposición y la sensación, y luego Lovable convierte ese sistema en una aplicación real — autenticación, panel, registros almacenados, IA integrada y un enlace en vivo que cualquiera puede abrir — sin desechar el diseño; cada función posterior se apila sobre el mismo lenguaje visual.

Una página que parece casi demasiado simple habla en cifras grandes. El caso de estudio es randomwordgenerator.com, reportado en SimilarWeb con unos 1,613 millones de visitas y 2,12 páginas por sesión, señal de que los visitantes prueban más de una herramienta antes de irse. Esa simplicidad es palanca: cada clic extra se convierte en otra vista, y un ayudante de propósito único transforma una consulta rápida en una breve navegación.

El cálculo detrás de la afirmación: de 1,6 millones a 23.700 $

La cuenta es sencilla: 1,613 millones por 2,12 dan unos 3,39 millones de páginas vistas; divide entre 1.000 y multiplica por un RPM de 7 $ y llegas a 23.744 $, redondeados a 23.700 $ en la historia. La geografía respalda los 7 $ — con tráfico ponderado hacia Estados Unidos y Reino Unido, las impresiones se pagan más caras, y en nichos de finanzas o software de empresa el RPM puede situarse muy por encima de ese nivel, por eso la cifra se presenta como conservadora. La fórmula es visitas × páginas × RPM/1.000; las palancas son el tráfico, la profundidad por sesión y dónde vive la audiencia.

Por qué las páginas de utilidad funcionan desde hace una década

El atractivo es que el sitio no necesita un flujo de artículos frescos. La gente sigue necesitando palabras aleatorias para juegos, consignas de aula, ejercicios de escritura y lluvias de ideas, y una herramienta ligera que se posiciona una vez puede seguir atrayendo visitas de Google durante meses. El visitante llega, ejecuta una función al instante y se va; ese bucle ajustado se apoya en una necesidad que nunca caduca, por eso las calculadoras, los generadores de nombres y los formateadores de texto siguen ganando mientras los feeds sociales y las tendencias editoriales rotan.

Tres condiciones y la prueba de velocidad de Google

Una utilidad ganadora supera tres pruebas: apuntar a una búsqueda con intención clara — random letter generator es un ejemplo perfecto —, entregar la respuesta al instante sin formularios largos ni cuentas obligatorias, y situarse en una palabra clave con suficiente volumen de búsqueda para financiar el número de vistas. Google tiende a premiar la página que resuelve la consulta mejor que un artículo pobre; una página ligera que carga rápido, se mantiene estable en pantalla y se vuelve interactiva casi de inmediato le dice al rastreador que la tarea quedó resuelta. Los Core Web Vitals, un desplazamiento de diseño mínimo y una interactividad rápida se convierten así en señales de posicionamiento.

Esto solía ser un trabajo pesado en JavaScript — cuadrículas responsivas, herramientas de build y peculiaridades de dispositivos se comían semanas incluso para un desarrollador experimentado. Lovable elimina esa carga convirtiendo prompts en lenguaje natural en una aplicación React Vite Tailwind funcional; describir, previsualizar, ajustar y publicar en una sola sesión sin escribir el código a mano. El calendario sigue siendo honesto: prompt, construcción y pulido el día uno, conectar un dominio propio y enviarlo a Search Console en la semana uno, observar la indexación en las semanas dos a cuatro, y una vez que las impresiones se estabilicen a partir de la semana cuatro, solicitar AdSense y rumbo al primer pago.

Teoría hecha, empieza la construcción. El primer prompt pide un ayudante de palabras aleatorias limpio en una sola página: una tarjeta de palabra destacada, un control para una a diez palabras y un gran botón de generar. Una lista local de 150 sustantivos, verbos y adjetivos comunes lo alimenta, así que los resultados aparecen al instante sin base de datos. Sin cuentas, sin páginas extra, sin backend por ahora — solo la herramienta central, solo velocidad.

Con el núcleo en vivo, el segundo prompt amplía la superficie: una simple tira de pestañas — palabras, letras, números, nombres — mantiene la misma disposición mientras cambia de herramientas. El modo letras emite cadenas en mayúsculas, el modo números toma un mínimo y un máximo y respeta un techo como 500 mientras los cambios de cantidad mantienen la tarjeta intacta, y el modo nombres extrae nombres de pila de un grupo local con una cuadrícula que se adapta a medida que suben las cantidades. Las pestañas siguen respondiendo en escritorio y móvil; el lenguaje visual no cambia entre modos. Cuando la analítica esté conectada, esos movimientos pueden contar como vistas virtuales, elevando las impresiones monetizables por sesión.

Con la función en mano, llega el pulido. El tercer prompt pide un fondo pizarra oscuro, acentos esmeralda, tipografía limpia, tarjetas redondeadas y espaciado equilibrado, con una regla móvil de que todo se apila sin recortes ni desplazamiento lateral. Tras la actualización, las pestañas se leen más nítidas, los botones principales destacan sin agobio, y la composición respira en pantallas pequeñas — un detalle que importa porque una gran parte del tráfico con intención llega en teléfonos, donde las zonas de toque no deben solaparse y el texto no debe desbordarse.

Una herramienta pulida por sí sola no se indexa; Google necesita prosa que leer. El prompt de SEO añade un H1 que dice «generador gratuito y rápido de palabras aleatorias y datos», un breve explicativo para escritores, docentes y generadores de ideas, y un acordeón con cuatro preguntas frecuentes — resultados, cantidades, aleatoriedad y uso móvil — colocado bajo el ayudante. El bloque cumple doble función: responde sin enviar a los usuarios a otro sitio y da al rastreador texto real en lugar de una caja vacía y un botón, de modo que título, descripción y FAQ enseñan juntos a la página qué consultas debe igualar.

Luego llega la monetización por diseño. El prompt crea un marcador de posición reutilizable para futuros espacios de AdSense y lo fija en tres puntos: un banner sobre el ayudante, un espacio vertical junto a la herramienta en escritorio y una unidad horizontal bajo los resultados antes de la FAQ. Cada espacio recibe dimensiones fijas y aire respecto a los botones para que la página no salte cuando carguen los anuncios reales y los toques accidentales sean raros; los IDs reales de editor y unidad reemplazan los marcadores solo tras la aprobación, lo que mantiene limpia la demo.

Publicación y descubrimiento

Llegados a este punto, el producto está completo: cuatro modos, diseño responsivo, texto indexable y espacios publicitarios que no pelean con la herramienta. Publicar convierte un borrador en un activo. En Lovable, el control azul de publicación emite un enlace en vivo, opcionalmente en un dominio propio, con visibilidad en público e icono, título, descripción e imagen social rellenados; tras una revisión final, la build de producción está en línea. Las comprobaciones se ejecutan dos veces: en escritorio cada uno de los cuatro generadores se ejercita con valores distintos, luego en móvil mediante el inspector y la barra de dispositivos — iPhone o Pixel — se confirma que pestañas, entradas, resultados y espacios publicitarios se reorganizan sin solapamientos ni recortes. La última pieza es el mapa: pide a Lovable que genere un sitemap.xml que cubra la portada y las cuatro rutas de herramientas con URL y prioridades correctas, publica para ponerlo en línea, verifica el dominio en Google Search Console y envía el sitemap. Con las impresiones acumulándose, sigue la solicitud de AdSense y los marcadores se cambian por IDs reales. El arco es predecible — mes uno indexación, meses dos y tres visibilidad de cola larga, meses cuatro a seis un movimiento más fuerte — donde un término cabeza amplio como «random word generator» sigue siendo difícil al principio mientras que colas como «random letter generator for games» o «six-letter random word picker» traen el primer tráfico. Una vez que un sitio aprende el bucle, el mismo plano se traslada a un contador de palabras, un conversor markdown, una calculadora de porcentajes o un creador de contraseñas; cinco a diez herramientas pequeñas en varios nichos, cada una modesta por sí sola, pueden juntos suavizar el ingreso mensual. Un sitio no necesita ser grande para ser un negocio; una herramienta rápida y enfocada que invite a volver puede durar más que plataformas más pesadas sin publicaciones diarias.