En el capítulo 2 decidimos en pequeño «qué crear y para quién». Este capítulo es la fase 2: preparar: antes de ponerte a trabajar de verdad, dejamos listas cuatro bases: tecnología, herramientas, diseño y entorno. El lema aquí es «no te obsesiones, no le des vueltas, elige lo consolidado». Agotarte en la preparación sería absurdo. Resuelve al máximo con elecciones afines a la IA y deja lista una situación en la que puedas volcar todas tus fuerzas en la siguiente fase, «construir».
Si dudas, elige «lo que se le da bien a la IA»; eso es todo
Qué se hace en la fase 2
La fase de preparación es, en una frase, «la compra antes de crear». El fallo más común en el desarrollo indie es fundir varios días en «elegir herramientas» y «montar el entorno» antes de empezar, y llegar exhausto sin alcanzar la parte principal. Aquí no compramos utensilios profesionales de gama alta: solo el juego básico.
Investigar todas las últimas tecnologías de moda, comparar herramientas hasta el agotamiento, sopesar los planes de pago. Te quedas sin fuerzas antes de crear.
Decides ese mismo día el stack consolidado, una herramienta principal y el plan gratuito, y al día siguiente empiezas a crear.
La referencia es no dedicar más de un día entero a la preparación. La elección perfecta no existe y, con la IA a tu lado, cambiar más tarde también es fácil. Lo correcto es echar a andar con «de momento, esto».
Elegir la tecnología: con lo consolidado, implementar es fácil
El stack tecnológico es la combinación de lenguaje, framework, base de datos e infraestructura con la que se crea la app. No solo en la ruta práctica; también en la de iniciación, conocer «con qué tecnología se genera» hace que tus instrucciones a la IA sean más precisas.
La conclusión sobre cómo elegir es sencilla. Elige lo «consolidado», eso que la IA ha aprendido en cantidad y domina. Porque la IA escribe código más preciso cuanta más información hay sobre esa tecnología. Con las últimas tecnologías minoritarias hay poca información y la IA se equivoca con más facilidad. En el desarrollo indie, la regla de oro es «lo que domina la IA = implementar es fácil = se termina».
Mucha información y la IA lo escribe con precisión.
Ej.: en el frontend, React/Next.js; en el backend, Laravel (PHP) o Node.js; en BD, PostgreSQL o MySQL; para autenticación y BD, Supabase o Firebase.
Tecnologías recién aparecidas, configuraciones con poca información en cualquier idioma, frameworks experimentales. La IA se equivoca y tú acabas persiguiendo la verificación. Salvo con fines de aprendizaje, con lo consolidado basta.
💡 La tecnología «no tienes por qué decidirla tú». Si no sabes qué stack es mejor, basta con preguntar a la IA: «Voy a crear (lo que quieras) como desarrollo indie. Propón una configuración tecnológica consolidada, con mucha información y fácil de implementar para la IA». Puedes adoptar tal cual lo que te proponga. Quien quiera profundizar, que consulte los stacks tecnológicos afines a la IA.
En el caso de la ruta de iniciación (sin código), hasta esta elección puedes dejarla en manos del generador. Los generadores de apps con IA como v0 o Bolt usan por detrás, de forma automática, stacks consolidados como React/Next.js, así que apenas necesitas ser consciente de la tecnología.
Elegir la herramienta: aquí está la clave de cada ruta
Lo más importante de este capítulo es la elección de la herramienta. Solo aquí el arma principal se divide con claridad según la ruta que elegiste en el capítulo 1. Primero, decide una sola herramienta principal.
Cuando le dices por chat «quiero una app así», genera automáticamente tanto las pantallas como el código. v0, Bolt y Lovable son los representantes. Solo dialogando «cambia esto así» mientras miras la vista previa, toma forma.
Comparativa → v0 vs Bolt vs Lovable
Manejas el código directamente mientras aceleras la implementación, las correcciones y las pruebas dejándoselas a la IA. Claude Code, Cursor, GitHub Copilot y Codex son los principales. Como permiten ampliar y mantener, sirven para productos que quieras hacer crecer a largo plazo.
Comparativa → herramientas de programación con IA
Si vas por la ruta de iniciación, mira primero el artículo comparativo de generadores de apps, elige uno y puedes saltarte esta sección para ir a diseño y UI. Si vas por la ruta práctica, en la siguiente sección comparamos los editores de IA en detalle.
Ruta práctica: comparar editores de IA
El arma principal de la ruta práctica, el editor de IA, tiene ahora mismo cuatro referentes. Todos están consolidados, así que, sinceramente, elijas el que elijas no te equivocas. Fíjate solo en el punto fuerte de cada uno y elige uno que te encaje.
Implementa y corrige de forma autónoma abarcando varios archivos mientras dialoga. Fuerte para trabajos grandes que van del diseño a la implementación y las pruebas. Funciona en la línea de comandos.
En una pantalla al estilo VS Code que te resulta familiar, editas con la IA viendo el código. Autocompletado, chat y corrección automática, todo en uno. Ideal como primer editor de IA.
Lo consolidado para integrar en VS Code. Autocompleta con inteligencia el código a medio escribir. Para quien quiere añadir IA sin cambiar demasiado su entorno de desarrollo actual.
Del tipo agente: le pasas una tarea y avanza la implementación de forma autónoma por detrás. Una opción para usuarios avanzados que quieren llevar varios trabajos en paralelo.
🧭 Si dudas, elige así. Si quieres avanzar mirando lo que tienes delante en la pantalla del editor, Cursor (¿qué es Cursor?); si quieres delegar en bloque mediante el diálogo, Claude Code. Empezando por cualquiera de estos dos, no fallarás. Las diferencias en detalle, en la comparativa Cursor vs Claude Code vs Copilot vs Codex.
El truco es centrarte en una sola herramienta y usarla a fondo. Más que probar de todo, hazte primero con una como aliada hasta que la sientas natural. Como la mayor parte del manejo es «pedirlo en tu idioma», el coste de cambiar luego a otra herramienta también es pequeño.
Diseño y UI: no te obsesiones
El aspecto de la app —logo, colores, disposición de las pantallas (UI)— también se prepara ahora con IA. Pero en la fase de preparación, «no obsesionarse» es una regla absoluta. Si empiezas a obsesionarte con el diseño, el tiempo se funde sin fin. En la etapa de MVP, resignarte a un «si no queda feo, aprobado» es justo lo adecuado.
Genera logo, colores e imagen de pantalla a partir de palabras. Sin ningún conocimiento de diseño, basta con pedir «en tonos azules, con aire limpio». La comparativa, en herramientas de diseño con IA.
Hay herramientas que permiten ir y venir entre diseño y código, como Claude Design. Puedes llevar el aspecto que creaste directamente a la implementación.
Sin empeñarte en hacerlo tú, es inteligente apoyarte en plantillas de UI existentes o frameworks de CSS (como Tailwind). Consigues un aspecto pulido en un instante.
⚠️ No fundas un día entero en ajustes al píxel. Si te entran ganas de retocar una y otra vez el redondeo de las esquinas de un botón, es una señal de alerta. En diseño, con respetar solo tres puntos —decidir 2 o 3 colores, dejar márgenes y cuidar la tipografía— desaparece de sobra el aire de aficionado. El pulido de los detalles no llega tarde si lo haces después de publicar y de que empiece a usarse.
El generador de apps de la ruta de iniciación también arregla la UI de forma automática, así que en esta sección casi todo puedes dejarlo en manos de la IA. También quienes van por la ruta práctica avanzan más rápido haciendo que la IA saque primero un borrador y corrigiendo solo lo que te chirríe. No intentes diseñar tú desde cero.
Configuración mínima del entorno
Por último, el entorno de desarrollo. Aquí también piensa que «con crear cuentas basta». Ya no hace falta, en muchos casos, dedicar horas a montar un entorno de desarrollo en local como antes. Todo se puede empezar desde el plan gratuito.
Crea la cuenta del generador/editor de IA que elegiste. Prueba primero con el plan gratuito y paga si te queda corto.
Si vas por la ruta práctica, una cuenta de GitHub. El estándar para guardar el código y controlar versiones. Se usa gratis.
Vercel, Netlify, Supabase, etc. El plan gratuito es generoso. Por ahora, con conocer el nombre basta; lo veremos en detalle en el capítulo de publicación.
✅ Prepara solo «lo que necesitas ahora». Comprar un dominio, un servidor de pago o contratar un servicio de cobros aún no hace falta. En la etapa de crear, lo único que necesitas es «la herramienta» y «el sitio para el código». Lo que requieran la publicación y la monetización, ya lo reunirás en sus capítulos, solo en la medida en que lo necesites. No te adelantes a pagar.
Una vez registrada la herramienta, muchos editores y generadores de IA te preparan de forma automática todo el conjunto de archivos necesario con solo pulsar el botón de «crear un proyecto nuevo». Si te atascas montando el entorno, pega ese contenido tal cual y pregunta a la IA: casi siempre se resuelve. Desde la fase de preparación, la IA ya es tu aliada.
Resumen de este capítulo
- Elige tecnología consolidada. Una configuración que la IA domina = implementar es fácil = se termina. Si dudas, deja que la IA proponga.
- Una herramienta por ruta. 🌱 iniciación = generador de apps con IA (v0/Bolt/Lovable); 🔧 práctica = editor de IA (Claude Code, Cursor, Copilot, Codex).
- No te obsesiones con el diseño. Crea un borrador con IA y, con cuidar solo colores, márgenes y tipografía, aprobado.
- El entorno, mínimo. Con crear cuentas basta, todo desde el plan gratuito. No te adelantes a pagar.
La base ya está lista. Lo siguiente es, por fin, la fase de ponerte a trabajar junto a la IA y dar forma real al producto. Hacer girar rápido el ciclo de crear en pequeño y corregir: veremos cómo hacerlo en concreto en el próximo capítulo 4, «Crea junto a la IA».