Oye, no te compliques
Porque no todo en esta vida se resuelve con Lovable...
¡Hola!
Si, ya sé, dije que me lo iba a tomar con calma, pero estaba escribiendo un post y creo que será más interesante si le metemos algo de color, enlaces y una explicación algo más detallada.
Llevamos ya bastante tiempo con esto del vibe coding, ¿no?
Te quiero hacer una pregunta: cuando piensas en construir algo, ¿en qué piensas primero?
En el builder (Lovable, Bolt, Replit...)
En cual es el framework adecuado para lo que quieres construir
No me voy a poner técnico, pero esto es importante ya que cada framework esta optimizado para resolver unos problemas específicos.
Un framework es un paquete de código con reglas y herramientas predefinidas para construir aplicaciones web de forma optimizada según el caso de uso.
A continuación voy a mostrarte distintas casuísticas o proyectos que podemos necesitar desarrollar y cuáles deberían ser tus primeras opciones.
Es probable que algunos de los frameworks o conceptos que te voy a nombrar no te suenen.
DON’T PANIC
Lo mejor que te puede pasar es que descubras formas nuevas de construir con vibe coding :)
Vamos allá:
Landing pages / Sites de marketing
Usa: Astro, Next.js (App Router con SSG), Nuxt (SSG)
Por qué: Aquí el SEO es tu pan de cada día. Necesitas que Google te indexe rápido y bien. Estos frameworks generan HTML estático, cargan en milisegundos y los bots están contentos. Si tu landing no aparece en Google, no existes.
Blogs / Portfolios
Usa: Astro, Hugo, Jekyll, Next.js
Por qué: Contenido que no cambia cada segundo. Markdown directo, generación estática, cero complicaciones. No necesitas React renderizando tu artículo sobre por qué aprendiste a programar. HTML plano y punto.
Dashboards / Apps internas
Usa: React + Vite, Vue + Vite, SvelteKit
Por qué: Aquí el SEO te da igual. Es una app detrás de login, con tablas, gráficos, formularios complejos. Necesitas estado reactivo, componentes reutilizables, interactividad. Lovable es perfecto para esto porque iteras rápido y no te preocupas de optimizar para bots que nunca van a entrar.
E-commerce
Usa: Next.js, Remix, Astro + islas de React
Por qué: Caso híbrido. Tus páginas de producto necesitan SEO (que Google encuentre “zapatillas rojas”) pero el carrito y checkout necesitan interactividad. Next.js o Remix te dan lo mejor de ambos mundos: SSR para SEO, client-side para la experiencia de compra.
Apps SaaS completas
Usa: Next.js, Remix, SvelteKit
Por qué: Necesitas todo: routing complejo, autenticación, APIs propias, gestión de usuarios, billing. Estos frameworks son full-stack y te resuelven el 80% de problemas antes de escribir código. Tienen el ecosistema y las herramientas maduras.
Documentación técnica
Usa: Docusaurus, VitePress, Nextra
Por qué: Están hechos específicamente para esto. Búsqueda integrada, versionado, sidebar automático, markdown mejorado. No reinventes la rueda construyendo esto con React desde cero.
Multi-tenant / White-label
Usa: Next.js con middleware, Remix
Por qué: Vas a gestionar subdominios dinámicos (cliente1.tuapp.com, cliente2.tuapp.com) o routing condicional según tenant. Next.js middleware o Remix loaders te permiten esto sin volverte loco. Los demás frameworks lo hacen más difícil.
Prototipos rápidos / MVPs
Usa: Lovable (React+Vite), Bolt, v0
Por qué: Estás validando una idea, no construyendo la NASA. La velocidad de iteración vale más que la optimización prematura. Haz que funcione, enséñaselo a usuarios, pivota si hace falta. Ya optimizarás si la cosa vuela.
La regla de oro es que primero definas QUÉ construyes y luego elige la herramienta. No al revés.
Lovable es brutal para dashboards pero no lo uses para tu blog. Astro es perfecto para tu landing pero no lo uses para tu SaaS. Next.js hace de todo pero quizá es overkill para tu portfolio de 3 páginas.
Deja de complicarte.