Haz aplicaciones mientras comes, trabajas o duermes

ESTÁS PERDIENDO EL TIEMPO. Mientras haces cosas más importantes, puedes crear aplicaciones, GRATIS, y sin conocimiento. Solo una idea. Además puedes tener TODO EL CONTROL desde el móvil 🤯

Abajo del todo os dejo un ejemplo de lo ÚLTIMO que he hecho con esta configuración, mientras hacía otras cosas más importantes 👇

Solamente necesitas lo siguiente:

• OpenClaw/Hermes (gratis)
• Github (gratis)
• Base de datos en MongoDB (gratis)
• Hosting de tu frontend en Vercel (gratis)
• Hosting de tu servidor en Railway (gratis)
• Suscripción de Codex (de 0 - $100/mes) o Claude

De hecho, incluso para cosas más sencillas, sin servidor, con Vercel ya nos sirve (no necesitas ni MongoDB ni Railway). Yo prefiero este stack porque los tiempos de latencia con la base de datos son más pequeños. Es decir, si tienes tu aplicación en Vercel, con NextJS, y tienes tanto el frontend como el server ahí, cada vez que hace una petición a la base de datos tiene que hacer la conexión, por lo que suma latencia.

Empecemos (configuración - 1 hora)

1. Primero vamos a crear nuestro repositorio, que es donde se almacenará tu código. Vamos a github.com, te registras, y creas un repositorio.

2. Obtén Codex. Ve a chatgpt.com/codex/pricing y adquiere el paquete que más te convenga. También tienes la opción de Claude, que personalmente me gusta más, pero es más caro (el plan PRO parte de $100). En este punto estamos obteniendo la suscripción de IA, que será la que se encargue de generar el código de nuestra app.

3. Instala OpenClaw (mi opción) o Hermes Agent en tu ordenador. Esto nos permitirá tener un agente corriendo 24/7, conectado a tu móvil, y quien se encargará de básicamente todo. La idea es que lo tengas en un ordenador encendido todo el día. Tienes varias opciones: instalarlo en un Mac Mini (la mejor), instalarlo en un VPS (menos control pero más barato), o LA MEJOR PARA PRINCIPIANTES: instalarlo en tu propio ordenador y dejarlo encendido siempre. Esta es la web oficial de OpenClaw: openclaw.ai. Te lo instalas con los siguientes comandos:

Windows: powershell -c "irm https://openclaw.ai/install.ps1 | iex"
Linux o MacOS: curl -fsSL https://openclaw.ai/install.sh | bash
Npm: npm i -g openclaw

Una vez lo tengas instalado, ejecuta: openclaw onboard. Sigue el onboarding. Aquí debes añadir Codex/Claude en el paso de "selección de modelo" y vincularlo con tu móvil, ya sea con Whatsapp/Telegram (la mejor), Discord o Slack. Una vez llegado a este punto y siendo capaz de mandar un "hola" desde tu móvil, y que OpenClaw te responda, es importante que le des acceso a tu repositorio de Github. IMPORTANTE: Crea una carpeta en el Escritorio llamada "App". Dile a OpenClaw que siempre trabaje en la carpeta "App" del Escritorio.

4. Pásale a OpenClaw el siguiente prompt:

Genérame un repositorio llamado [NOMBRE_DE_LA_APP] en la carpeta "App" que está en el Escritorio e inicialízalo con un 'Hello World'. Es importante que construyas un monorepo con yarn workspaces donde una carpeta es el frontend y otra el server. El frontend va a estar construido en NextJS y el backend en NodeJS con Fastify. Voy a conectar el servidor con una base de datos en MongoDB. Genera un .env y crea la variable de entorno MONGO_URL para la conexión de MongoDB. Cuando acabes haz el primer commit en la rama main.

5. Una vez acabe OpenClaw, ve a Vercel. Créate una cuenta usando el login/sign up de Github. Aparecerá tu repositorio. Selecciona que es un proyecto de NextJS, con el root en "frontend". Esto te desplegará en un subdominio de Vercel el cliente de tu aplicación (xxxxx.vercel.app). Más adelante podrás poner el dominio que tú quieras.

6. Ve a mongodb.com y crea una cuenta en Mongo Atlas. Esta será tu base de datos gratuita. Crea una organización, crea un proyecto, y crea un clúster M0 (gratis). Una vez creado el clúster ve al botón de conectar, y obtén la cadena de conexión (te dirá de crear una cuenta "interna", créala). La cadena será algo así:

mongodb+srv://nombre_cuenta:contraseña_cuenta.cluster0.xxxx.mongodb.net

7. Accede dentro de tu carpeta App que tienes en el Escritorio. Verás ahí tu repositorio, con el nombre que le diste. Dentro verás la carpeta "frontend" y "server". Abre server, busca el fichero ".env" y pega esa conexión dentro en la parte que ponga MONGO_URL. Este fichero es muy importante que lo tengas localizado porque es el que contiene información sensible/secretos que luego usará tu servidor. En un futuro puedes añadirle pagos a tu app y tendrás que meter ahí la API_KEY de STRIPE, entre muchas otras posibilidades.

8. Vete a Railway, créate una cuenta, haz el login/sign up con Github y vincula la carpeta /server. Copia y pega en el apartado de "variables" el fichero .env.

Desarrollo de tu aplicación

En este punto ya tienes tu aplicación disponible en xxxxx.vercel.app, el subdominio que te generó Vercel. Ahí es donde verás siempre el resultado. Ahora conéctate a tu Whatsapp/Telegram y dile a tu OpenClaw que ejecute tu idea. En un rato la tendrás disponible en esa página de Vercel.

Podrás hacer juegos, dashboards, formularios, almacenar información... prácticamente lo que se te pase por la cabeza. De mientras, tú trabajas, comes, vas al gimnasio o duermes. El agente lo hará por ti, y siempre estará disponible en esa página web. No necesitas tener conocimiento técnico, simplemente seguir los pasos para configurar la setup, y podrás hacer cualquier cosa.

Hay dos puntos que faltan por cubrir en toda esta explicación, pero que son importantes para acabar de montar una aplicación completa: gestión de pagos (Stripe) y mailing (Resend). En ambas opciones es tan sencillo como registrarse y obtener la siguiente información:

• Para Stripe necesitarás: client_secret, client_id y el whsec (este es el webhook secret; en este caso para procesar el pago, deberás crear un webhook en tu app, usando el subdominio que te da Railway y añadiéndolo a Stripe)
• Para Resend obtén el api_key, muy trivial

¡¡¡¡Todo esto se añade al .env!!!!

Ejemplo

Con esa misma configuración he montado la app que encontraréis en billionaireswar.com. Básicamente es un juego donde la gente se registra con sus redes sociales, y compra países para que se vea su avatar encima de cada país (una forma de promocionarse a lo "The Million Dollar Page").