Cómo implementar generación de imágenes IA con Next.js y Firebase
Ideal para negocios basados en la generación de imágenes IA NSFW
Hoy libero el Starter Kit para generación de imágenes IA NSFW con Next.js y Firebase, una base sólida para crear un negocio utilizando inteligencia artificial y tecnologías web modernas
Después de invertir más de 100 horas de desarrollo, me enorgullece presentar y liberar el Starter Kit completo para la creación de un negocio basado en la generación de imágenes IA NSFW. Este kit está pensado para emprendedores y desarrolladores que buscan una base sólida sobre la cual construir una plataforma de generación de imágenes utilizando inteligencia artificial, y más específicamente, modelos y LORAS personalizados mediante la plataforma Novita.ai.
Este proyecto surge de mi deseo de contribuir al código libre y de ofrecer a la comunidad una herramienta funcional que puede ser la base de un negocio sostenible y escalable. A lo largo de este proceso, he abordado múltiples desafíos técnicos, optimizando el stack tecnológico para garantizar que este starter kit esté listo para ser desplegado con el mínimo esfuerzo adicional.
¿Qué incluye este Starter Kit?
El kit está diseñado para ofrecer a los clientes una experiencia completa, desde el registro en la plataforma hasta la generación de imágenes personalizadas y la gestión de suscripciones. Todo esto integrado de forma eficiente utilizando tecnologías de vanguardia.
Funcionalidades principales
- Landing page y página de suscripciones:
- Una landing page atractiva que capta la atención de los usuarios.
- Diferentes modelos de suscripción que ofrecen distintas cantidades de generaciones mensuales.
- Registro y autenticación:
- Los usuarios pueden registrarse en la plataforma utilizando Google o email y contraseña.
- Utilizamos Firebase Auth para gestionar el proceso de autenticación de forma segura.
- Generación de imágenes personalizadas:
- Los usuarios registrados pueden generar imágenes mediante un prompt personalizado.
- Pueden seleccionar entre una amplia gama de modelos y LORAS para ajustar los resultados a sus necesidades.
- La generación de imágenes es manejada por la API de Novita.ai, una solución robusta y escalable para proyectos de este tipo.
- Gestión de suscripciones con Stripe:
- Las suscripciones de clientes se gestionan mediante Stripe, una de las plataformas más confiables y seguras para pagos en línea.
- Los usuarios pueden seleccionar entre diferentes planes de suscripción, los cuales determinan la cantidad de imágenes que pueden generar mensualmente.
- La integración con Stripe permite la gestión automática de pagos recurrentes y la actualización de planes en tiempo real.
- Almacenamiento y consulta de imágenes:
- Las imágenes generadas por los usuarios se almacenan en Firebase Storage para un acceso rápido y eficiente.
- Las imágenes quedan accesibles desde el dashboard del usuario, donde pueden consultar, descargar o modificar sus creaciones previas.
- Panel de administración y control:
- Los administradores de la plataforma pueden gestionar usuarios, suscripciones, y consultar el estado de generación de imágenes desde un dashboard intuitivo.
- Cada vez que un usuario genera una imagen, se crea una task en la API de Novita.ai, la cual se consulta periódicamente hasta que la imagen esté lista.
- Interacción con los usuarios mediante Stream Chat:
- Los clientes pueden interactuar con soporte en tiempo real mediante Stream Chat, una solución rápida y confiable para implementar sistemas de chat en plataformas web.
- Optimización móvil con Capacitor:
- Si en algún momento decides llevar el proyecto a dispositivos móviles, el soporte para Capacitor ya está integrado, facilitando la creación de aplicaciones nativas.
Tecnologías utilizadas
El Starter Kit ha sido construido utilizando un stack moderno, con herramientas ampliamente reconocidas por su estabilidad y eficiencia:
- Next.js: Un framework poderoso para aplicaciones React, que garantiza una excelente experiencia de usuario y rendimiento.
- Firebase: Usado para la autenticación, base de datos en tiempo real (Firestore) y almacenamiento de imágenes (Firebase Storage).
- Stripe: Integrado para gestionar suscripciones y pagos de manera eficiente y segura.
- Novita.ai: El motor detrás de la generación de imágenes mediante IA.
- Shadcn/ui y Tailwind CSS: Para el diseño y estilizado de la interfaz de usuario.
- Capacitor: Preparado para soportar aplicaciones móviles en caso de que se decida expandir la plataforma.
- Stream Chat: Integrado para permitir la interacción en tiempo real entre el soporte y los usuarios.
¿Cómo funciona el proceso?
El flujo de trabajo en esta plataforma sigue una estructura clara y eficiente. Aquí te detallo cómo se desarrolla cada paso:
- El usuario se registra y crea una cuenta en la plataforma.
- Stripe crea automáticamente una cuenta de cliente en su sistema.
- El usuario es agregado a la colección Users en Firestore.
- Se activa un webhook de Stripe que asigna una cantidad inicial de generaciones gratuitas al usuario (por ejemplo, como prueba gratuita).
- Si el usuario decide suscribirse a un plan, se ajusta el número de generaciones mensuales que puede realizar en función del plan seleccionado.
- Cada vez que el usuario genera una imagen, se resta una generación de su contador.
- La generación de imágenes se procesa en Novita.ai, y una vez completada, la imagen se almacena en Firebase Storage.
- El usuario puede acceder a sus imágenes generadas desde su panel de control, y si lo desea, modificar una imagen existente.
¿Por qué liberar este proyecto?
Este proyecto es mi apoyo a la comunidad de desarrolladores y a aquellos que desean construir proyectos con propósito en el ámbito de la inteligencia artificial. Creo firmemente en el código libre y en su poder para impulsar la innovación. Al liberar este Starter Kit, espero que pueda ser un punto de partida para emprendedores que buscan crear negocios sólidos y escalables utilizando IA.
El código no es perfecto, pero está pensado para ser una base robusta que otros puedan mejorar y adaptar según sus propias necesidades. He intentado documentar cada parte del proyecto para que sea lo más fácil posible de entender y personalizar.
Cómo empezar
Si estás interesado en utilizar este Starter Kit, puedes acceder al código completo en mi repositorio público aquí. Además, he habilitado la plataforma en producción para que puedas ver el proyecto en funcionamiento en www.aixa.app.
Configuración inicial
- Obtén una cuenta en NOVITA.AI aquí.
- Renombra
.env.example
a.env.local
y actualiza los valores de las variables según las credenciales de tu proyecto. - Instala las dependencias necesarias con
npm install
y arranca el servidor connpm run dev
. - Configura tus claves privadas y públicas de Firebase, Stripe y Stream Chat.
Conclusión
Este Starter Kit es una herramienta poderosa y flexible para cualquiera que quiera emprender en el ámbito de la inteligencia artificial y la generación de imágenes personalizadas. Estoy emocionado de ver cómo la comunidad adopta este proyecto y lo adapta a sus propios fines. Si tienes alguna pregunta o necesitas ayuda, no dudes en contactarme.
Este starter kit para generación de imágenes IA NSFW está diseñado para facilitar la creación de plataformas web avanzadas con Next.js y Firebase
- Telegram: @davidcanton1987
- Email: davidcantonnadales@gmail.com
¡Espero que este proyecto sea de utilidad para muchos!