[Herramienta de desarrollo de IA] ¡Programa Vibe con Lovable! Desarrollo de aplicaciones web a gran escala con Supabase e IA | Cómo empezar y planes de precios

"Quiero crear un servicio más profesional, pero no creo poder escribir el código..."

Para aquellos que no son ingenieros y se toman en serio la codificación de vibraciones, Lovable es la plataforma de desarrollo perfecta para el siguiente paso.

Recientemente, ha habido un aumento de herramientas que pueden generar páginas de destino y interfaces de usuario utilizando IA, pero
en muchos casos, no llegan tan lejos como para crear real con funciones de inicio de sesión, base de datos y procesamiento

A diferencia de aquellas herramientas que sólo mejoran la apariencia, el gran atractivo de Lovable es que permite crear funciones esenciales de la aplicación, como bases de datos, autenticación y procesamiento del servidor, utilizando lenguaje natural.

Basado en Supabase, las configuraciones complejas se encapsulan tanto como sea posible, lo que le permite comenzar el desarrollo de servicios a gran escala

En este artículo, presentaremos el atractivo de Lovable, lo que puede hacer, cómo comenzar y los planes de precios basados en nuestra propia experiencia de uso.

Actualmente uso el plan Pro, que cuesta $25 al mes.
Más adelante te explicaré con más detalle qué plan deberías elegir

¿Qué es Lovable y qué puedes hacer con ello?

Lovable es una plataforma de desarrollo de IA que le permite crear, editar y publicar aplicaciones web simplemente usando comandos de lenguaje natural.

En los últimos años, un estilo de desarrollo llamado "codificación de vibración" ha cobrado popularidad. En él, se dan instrucciones por chat sobre el tipo de aplicación que se desea crear, y esta se genera en consecuencia.
Lovable una de las herramientas líderes que hace posible este estilo de desarrollo .

todas las funciones de backend, como bases de datos, autenticación y funciones de backend, construyen automáticamente en Supabase , y su fortaleza es que toda la aplicación, incluidas estas, se pueden desarrollar en formato de chat.

En otras palabras, con solo emitir comandos en lenguaje natural, puede crear instantáneamente
una aplicación web completa basada en Supabase Manteniendo la facilidad de no-code, puede obtener una configuración escalable y lista para producción

Puedes crear una aplicación web basada en Supabase simplemente dando instrucciones en lenguaje natural.
Lovable es una herramienta que ofrece esta experiencia de desarrollo.

Ejemplos de aplicaciones que realmente puedes crear

• Servicios web con inicio de sesión (registro de usuarios, autenticación y control de acceso)
• Formularios de consulta y formularios de reserva (incluido el almacenamiento de datos y la notificación)
• Panel de administración y CMS simple
• Chatbots impulsados por IA y herramientas de respuesta automatizada
• Aplicaciones que se conectan a API externas (notificaciones de Slack, sincronización de Notion, envío de Gmail, etc.)
• Aplicaciones que utilizan bases de datos de Supabase (lista de datos, detalles, actualizaciones, etc.)

puedes plantilla prefabricada

¿Cuáles son las características de Lovable?

La característica más importante de Lovable es que puedes crear una "aplicación web adecuada" utilizando únicamente lenguaje natural.

Muchas de las herramientas de desarrollo de IA actuales son excelentes para generar apariencias de páginas e interfaces de usuario, pero
a menudo carecen de elementos esenciales para una aplicación, como inicio de sesión, bases de datos y lógica de procesamiento

A diferencia de esas "herramientas que sólo sirven para la apariencia", Lovable está
construido sobre Supabase e incluye todo, desde el front-end, la autenticación, la base de datos y las funciones del back-end.

Simplemente comunique sus requisitos a través del chat y se generará una aplicación como servicio web ,
luego podrá publicar y operar en su propio dominio, todo en un solo lugar.

función	Contenido
Integración y creación automática de Supabase	Las bases de datos, la autenticación y las funciones de backend se construyen automáticamente en Supabase, lo que permite crear aplicaciones web completas utilizando solo lenguaje natural.
Función de implementación	La aplicación creada se puede publicar en la web inmediatamente. Puedes comprobar su funcionamiento en un subdominio inmediatamente después de su creación.
Integración de GitHub	El código front-end (React) se puede exportar a GitHub. Admite implementación de código bajo y código completo.
Dominio original	Puedes publicar tu aplicación configurando cualquier dominio personalizado. La configuración de DNS se refleja inmediatamente después de la configuración y también es apta para uso comercial.

Otra característica atractiva de Lovable es que puedes comenzar con una cierta cantidad de "conocimientos básicos" en lugar de tener que "pensar todo desde cero

• Función de plantilla :
  Al seleccionar una plantilla de aplicación predefinida, puede comenzar el desarrollo inmediatamente desde un estado operativo.
  Por ejemplo, las configuraciones típicas como "Servicio de inicio de sesión", "Gestión de reservas" y "Lista de productos" ya están configuradas.
• Administración de múltiples aplicaciones :
  puede tener varios proyectos simultáneamente con una cuenta, facilita la creación de prototipos, ramificaciones y operaciones para diferentes propósitos

De esta manera, la principal característica de Lovable es que aprovecha la sólida base de “ Supabase

Cosas que me sorprendieron cuando realmente usé Lovable

Cuando probé Lovable, me sorprendí mucho y pensé: "¡Guau, es tan útil!".
En particular, los siguientes puntos me hicieron darme cuenta de que incluso quienes no son ingenieros pueden usarlo con confianza y avanzar en el desarrollo de servicios.

✅ ¡Conectarse a Supabase es más fácil de lo que crees!

Necesitas registrar una cuenta de Supabase, pero después, solo tienes que seguir las instrucciones en pantalla y estarás listo.
Siendo sincero, fue sorprendentemente fácil, y me alegro de haberlo evitado antes, porque pensé que sería un poco complicado.

Gracias a que Lovable maneja todas las configuraciones detrás de escena, sentí que el mayor atractivo era que no tenía que preocuparme solo por usar Supabase

✅ ¡Las especificaciones de la base de datos y otra información se enumeran en Supabase, lo que hace que sea fácil de entender!

Dado que Lovable usa Supabase tal cual, la capacidad de almacenamiento, el volumen de transferencia, los límites de MAU, etc., están oficialmente establecidos y son fáciles de entender .
que facilita la toma de decisiones según la escala del desarrollo, como "¿cuánto puedo hacer gratis?" y "¿qué plan necesito?". No se siente como una caja negra .

✅ ¡Crea funciones backend de forma natural!

Por ejemplo, si dices en el chat: "Quiero usar la API de OpenAI", Lovable no solo mostrará automáticamente un campo para ingresar tu clave API , sino
que también generará automáticamente el proceso como una función de backend (Superbase Functions), lo que garantiza una configuración segura .

es realmente útil que lo construyan basándose en la premisa de que "las claves API deben procesarse en el servidor, no en el front-end", incluso sin que tengamos que dar instrucciones detalladas

Una herramienta similar, Bolt.new tiende
a completar el procesamiento en el front-end a menos que se especifique conscientemente esta separación de responsabilidades Lovable primero se conecta correctamente con Supabase y luego crea funciones de back-end , por lo que es una configuración fiable.

Lo escribí en lenguaje natural y se implementó con la estructura correcta.
Sentí que esta experiencia facilitó que quienes no eran ingenieros se lanzaran al desarrollo de productos.

✅ ¡Es fácil guardar datos en la base de datos!

Con solo comunicar por chat que desea guardar esta información, el esquema correspondiente se genera automáticamente en Supabase y las operaciones CRUD se compilan simultáneamente.
El procesamiento, como guardar y recuperar datos, también se realiza automáticamente en segundo plano, lo que permite que la aplicación funcione sin esfuerzo lo que proporciona una experiencia muy fluida.

Sin embargo, dado que Lovable funciona en conjunto con Supabase, debes tener en cuenta
las limitaciones de Supabase El plan gratuito está limitado a
dos proyectos y 500 MB de espacio de almacenamiento incluso si actualizas a un plan de pago por $25 al mes, sigue siendo de 8 GB

Si desea operar el servicio correctamente o si el número de usuarios está creciendo de manera explosiva y el volumen de datos aumenta, este límite puede resultar un poco insatisfactorio .

✅ ¡La funcionalidad de autenticación se puede implementar fácilmente!

Simplemente díganos que desea agregar una función de inicio de sesión, y la pantalla de registro/inicio de sesión de usuario y la implementación de autenticación se incorporarán automáticamente .

Debido a que utiliza la función de autenticación de Supabase detrás de escena, no es necesario pasar por la molestia de configurar OAuth usted mismo o administrar el estado de inicio de sesión .

También existen restricciones en la autenticación en el lado de Supabase.

• El plan gratuito permite hasta 50.000 usuarios activos mensuales
• El plan Pro también admite hasta 100.000 usuarios por mes.

Por supuesto, no creo que
mucha gente cree inmediatamente un servicio que será utilizado por más de 100.000 usuarios diariamente esto no es un problema para el desarrollo normal, pero si estás pensando en la escala futura, es una buena idea tenerlo en cuenta.

✅ ¡Publicar en tu propio dominio es sorprendentemente fácil!

Con Lovable, puedes publicar las aplicaciones que creas directamente en tu propio dominio

• También puedes comprar un dominio desde "Comprar dominio" dentro de Lovable
• ¡También puedes utilizar un dominio que ya posees!

Simplemente regístrate con "Dominios Personalizados" y al instante, sin necesidad de configuraciones especiales
Incluso si no tienes conocimientos técnicos, sentirás que se ha publicado en tu propio dominio en un abrir y cerrar de ojos .

✅ ¡Empieza ahora mismo con nuestras plantillas!

Base44 ofrece numerosas
plantillas de aplicaciones funcionales Incluso si te preocupa empezar desde cero, puedes empezar con una muestra funcional usando una plantilla como base.

¡Hay algunas plantillas de aplicaciones bastante profesionales, por lo que podría valer la pena echarles un vistazo!

✅ Migrar puede ser fácil. Es una configuración de React x Supabase, ¡así que puedes reutilizarla!

La aplicación generada tiene un front-end desarrollado con React y un back-end con Supabase . Por lo tanto, incluso si un nuevo ingeniero se encarga del desarrollo más adelante, la pila de tecnología de propósito general facilita la transición.
puede los recursos que ha creado con Lovable se podrán usar tal como están

Sea honesto acerca de sus preocupaciones sobre Lovable

Aunque he elogiado a Lovable hasta ahora, hay algunos puntos a tener en cuenta.
En particular, resumiré algunos puntos que podrían generar dudas entre quienes no son ingenieros, especialmente cuando comiencen a desarrollar el servicio en serio

Registrarse en Supabase es prácticamente imprescindible. El plan gratuito tiene limitaciones.

Lovable funciona con Supabase, por lo que básicamente necesitas registrar una cuenta de Supabase .
, incluyendo la base de datos, la autenticación y las funciones de backend, funciona en conjunto con Supabase .

Sin embargo, tiene limitaciones de
dos proyectos y 500 MB de almacenamiento honestamente no se adapta al enfoque de codificación de "querer crear y probar casualmente muchas aplicaciones".

Esto significa que, en muchos casos, es
casi obligatorio tenga en cuenta que si Supabase cambia su estructura de precios o restricciones en el futuro, esto podría afectar directamente el desarrollo de Lovable

Para seguir desarrollando aplicaciones, tendrás que estar atento a las especificaciones y precios tanto de Lovable como de Supabase , lo que puede parecer un pequeño inconveniente.

❗Las limitaciones de Supabase son difíciles de entender para quienes no son ingenieros

Dado que Lovable se ejecuta sobre la base de Supabase, muchos de los comportamientos y limitaciones de la aplicación dependen de las especificaciones de Supabase .

Por ejemplo:

• Usuarios activos mensuales: hasta 100 000 (después de eso, se aplican cargos de pago por uso)
• Almacenamiento: hasta 8 GB (superando 1 GB por GB)
• Tamaño del archivo, volumen de transferencia, período de retención de registros, etc.

De esta manera, las especificaciones relacionadas con el desarrollo y la operación están determinadas en detalle por un "sistema de números x facturación", y
es muy difícil para los no ingenieros ver cuánto costará cada uno en función de cuánto usen .

especialmente,

• Incluso si dices "100.000 MAU", es difícil imaginar cuánto tiempo llevará alcanzar esa cifra.
• Incluso si dices "8 GB de almacenamiento", no sé cómo puedes superar eso.
• Quizás te sorprendas cuando de repente entre en vigor el sistema de pago por uso.

También existen riesgos de costos ocultos como:

Mirar el saldo acreedor no es suficiente para estar tranquilo; es posible que preguntes
: "¿Por qué no funciona?" o "¿Por qué se genera dinero?".

Si bien Lovable en sí es fácil de usar, es importante tener en cuenta que, a menos que tengas un conocimiento básico de las especificaciones subyacentes de Supabase, es posible que te tome por sorpresa

❗Solo puedes crear aplicaciones React

Las aplicaciones generadas por Lovable están limitadas a estar basadas en React,
por lo que no se pueden crear con marcos como Vue o Next.js.

Si bien la funcionalidad es suficiente para quienes no son ingenieros, puede resultar un poco insuficiente para los ingenieros que desean configuraciones flexibles

❗Se muestra el código fuente completo, pero puede resultar difícil de utilizar para personas que no sean ingenieros.

cuenta con
generado para tu aplicación web en tu navegador Si bien te da la tranquilidad de poder ver el código correctamente, el resultado una aplicación completa basada en React con
una gran cantidad de archivos y una estructura pura de React.

Incluso para ediciones menores como "Quiero cambiar un poco el texto" o "Quiero corregir el comportamiento de un botón", es difícil saber qué archivo tocar y sentí un desafío para quienes no son ingenieros .

Por ejemplo, un servicio similar llamado Base44 oculta los archivos de configuración y organiza los archivos clave de una manera fácil de ver,
dando la impresión de que es fácil entender "dónde buscar".

Lovable está cuidadosamente estructurado , hay poca navegación para "dónde y cómo editar ", por lo que quienes no sean ingenieros pueden tener algunas dificultades para corregir el código por su cuenta.

¡Comparando los planes de Lovable! ¿Cuál recomiendan?

Lovable ofrece tres planes de precios además del plan gratuito.
El plan Pro también te permite aumentar la cantidad de créditos mensuales (con un costo mensual mayor).

Las diferencias entre los dos planes se resumen en la tabla a continuación.
Con el plan gratuito, apenas se puede crear una aplicación.

Nombre del plan	Tarifa mensual	crédito	Integración de Supabase	Dominio original	Integración de GitHub	Características
Gratis	$0	5/día (hasta 30/mes)	✅ Obligatorio	×	✅ Código disponible	Para uso de prueba. Solo para uso público.
Pro	$25	5/día (máximo 150/mes) + 100 créditos/mes	✅ Obligatorio	✅ Compatible	✅ Código disponible	Ideal para el desarrollo personal. También disponemos de dominios personalizados y configuraciones privadas.
Negocio	$50	5/día (máximo 150/mes) + 100 créditos/mes	✅ Obligatorio	✅ Compatible	✅ Código disponible	Diseñado para desarrollo de equipos y uso corporativo. Incluye inicio de sesión único (SSO) y control de datos.
Empresa	Por favor pregunte	costumbre	✅ Obligatorio	✅ Compatible	✅ Código disponible	Incluye asistencia para la implementación y soporte dedicado. Para grandes organizaciones.

✅ Si quieres desarrollar una app el “Plan Pro” es casi imprescindible!

En realidad, uso el plan Pro ($25 por mes) , y si quieres crear una aplicación adecuada, este plan esencialmente el punto de partida .

• 100 créditos al mes + 5 créditos al día (máximo 150/mes) y muchas ejecuciones
• Admite su propio dominio , por lo que puede publicarlo como un servicio tal como está
• Tiene todas las características necesarias, incluidos proyectos privados, integración con GitHub y gestión de permisos de usuarios

Sin embargo, debes considerar los cargos de Supabase como un conjunto.

Lovable se basa en Supabase, por lo que una cuenta y una conexión a Supabase son casi esenciales para usar el backend, la autenticación y la base de datos .

• El plan gratuito tiene limitaciones como "2 proyectos", "500 MB" y "50 000 MAU".
• Si crea varias aplicaciones o amplía el almacenamiento o la autenticación, deberá pagar $25 al mes por la versión Pro de Supabase.

En otras palabras, Lovable Pro ($25) + Supabase Pro ($25) = el costo mensual mínimo de aproximadamente $50 .
Es bueno saber esto de antemano.

¡Cómo empezar con Lovable! Explicación detallada de cómo configurar Supabase.

Usar Lovable es muy sencillo. Sigue los pasos a continuación para empezar a crear tu app de inmediato.

①Visita el sitio web oficial

Primero, vaya al sitio web oficial y seleccione "Comenzar".

②Crear una cuenta (una cuenta de Google es válida)

Cuando aparezca "Crea tu cuenta", regístrate en Google o en tu correo electrónico.
En la siguiente pantalla, encontrarás varios campos para ingresar la información requerida.

Una vez que hayas ingresado los datos de tu cuenta, podrás crear una aplicación. Si empiezas con el plan gratuito, esto completa el proceso.
A continuación, te mostraremos cómo suscribirte al plan Pro o superior y cómo activar Supabase.

③ Abre Planes y facturación y regístrate en el plan Pro (no es necesario si solo quieres probarlo)

Seleccione “Icono de cuenta” ⇒ “Configuración”.

Selecciona "Planes y facturación" y actualiza al plan Pro. (Asegúrate de tener 100 créditos en este punto).

④Registre la configuración de integración de Supabase

Seleccione “Icono de cuenta” ⇒ “Configuración”.

Seleccione “Supabase” ⇒ “Administrar organizaciones conectadas”.

Seleccione "Agregar más organizaciones".
*Si no ha registrado una cuenta de Supabase, es posible que se le solicite que lo haga.

Seleccione “Autorizar Lavable”.

Ahora estás conectado a Supabase,
pero probablemente no tengas un proyecto, así que crea uno.

Debajo del chat, verás "Supabase", así que selecciónalo y luego selecciona "Crear proyecto".

Ingrese la información requerida y seleccione “Crear nuevo proyecto”.

Esto creará un nuevo proyecto, así que selecciónalo antes de empezar a crear una aplicación.
Nota: Es recomendable crear un nuevo proyecto cada vez que se crea una aplicación.

⑤¡Puedes verificar y ajustar la aplicación generada y publicarla tal como está!

¡Ahora todo lo que tienes que hacer es desarrollar tu aplicación y publicarla!

Para obtener instrucciones detalladas sobre cómo crear una aplicación, consulte nuestro artículo separado, que explica los pasos con capturas de pantalla reales.

Proporciona instrucciones detalladas sobre cómo crear y publicar una aplicación, incluido cómo publicarla en su propio dominio.

(en preparación)

Finalmente: con Supabase de tu lado, Lovable se convierte en el "mejor entorno de desarrollo para quienes no son ingenieros".

No programar no te basta, pero no estás listo para convertirte en ingeniero.
Para quienes se encuentran en este punto intermedio, Lovable y Supabase es ideal.

Aunque se basa en la estructura de Supabase, Lovable permite completar funciones de backend, autenticación y operaciones de base de datos en lenguaje natural.
Además, la estructura se genera automáticamente, protegiendo de forma natural los fundamentos de seguridad y diseño , de modo que incluso quienes no tengan mucha experiencia en desarrollo puedan crear una aplicación de verdad.

Por supuesto, hay restricciones y cargos por parte de Supabase,
valiosa experiencia de que "incluso personas no ingenieros pueden desarrollar servicios serios" lo compensa con creces

Si deseas crear algo correctamente sin escribir ningún código