Repolode
fireact-dev

fireact-dev/main

Plantilla SaaS de código abierto basada en React, TypeScript, Firebase y Stripe, con autenticación, facturación, equipos e i18n.

Estrellas
560
Forks
181
Issues abiertos
0
Último commit
hace 2 meses

¿Qué es?

fireact.dev es una base para crear aplicaciones SaaS listas para producción. Combina un frontend con React y TypeScript con Firebase Authentication, Firestore y Cloud Functions en el backend, y usa Stripe para procesar pagos. El objetivo es evitar tener que configurar desde cero el inicio de sesión, las suscripciones y la gestión de equipos, para que el producto pueda partir de código funcional.

El framework incluye registro, inicio de sesión y restablecimiento de contraseña, gestión del perfil de usuario, control de acceso basado en roles e invitaciones a equipos con permisos. En cuanto a la facturación, admite varios planes de suscripción, el portal de facturación y las facturas alojados en Stripe, la gestión de métodos de pago y la posibilidad de cambiar a planes superiores o inferiores. La CLI `create-fireact-app` crea la estructura de un proyecto nuevo y guía la configuración de Firebase y Stripe.

El proyecto también incluye una skill de Claude Code (`/fireact-builder`) con guías para añadir páginas, componentes, navegación y Cloud Functions mediante lenguaje natural. El desarrollo local usa los emuladores de Firebase, y el repositorio incluye instrucciones de despliegue para Firebase Hosting, Functions y GitHub Actions.

Funciones clave

  • 01Registro, inicio de sesión, restablecimiento de contraseña y gestión del perfil de usuario
  • 02Control de acceso basado en roles e invitaciones a equipos con permisos
  • 03Varios planes de suscripción con el portal de facturación y facturas de Stripe
  • 04Cambios a planes superiores o inferiores y gestión de métodos de pago
  • 05Skill de Claude Code para añadir páginas, componentes y Cloud Functions
  • 06Compatibilidad con los emuladores de Firebase para el desarrollo local

Casos de uso

  • Lanzar un producto SaaS por suscripción en Firebase sin crear la autenticación y la facturación desde cero
  • Añadir colaboración en equipo, con invitaciones y roles, a una aplicación web
  • Crear un prototipo de producto web de pago con el modo de prueba de Stripe y emuladores locales

Inicio rápido

  1. 1

    Instala globalmente la CLI de create-fireact-app

    npm install -g create-fireact-app
  2. 2

    Crea un proyecto nuevo con la CLI

    create-fireact-app <your-project-name>
  3. 3

    Sigue las indicaciones de la CLI para seleccionar tu proyecto de Firebase y configurar Stripe

  4. 4

    Compila la aplicación y las funciones; después, inicia los emuladores de Firebase

    npm run build && cd functions && npm run build && cd .. && firebase emulators:start

Antes de usarlo

  • Para que funcione por completo, se necesitan cuentas y configuración de Firebase y Stripe.
  • Antes de desplegar, hay que actualizar manualmente la configuración de producción y las claves de Stripe.

En colecciones

Temas

#saas#react#firebase#stripe#typescript#authentication#subscription-billing#saas-boilerplate

Preguntas frecuentes

¿Qué es main?
Plantilla SaaS de código abierto basada en React, TypeScript, Firebase y Stripe, con autenticación, facturación, equipos e i18n. fireact.dev es una base para crear aplicaciones SaaS listas para producción. Combina un frontend con React y TypeScript con Firebase Authentication, Firestore y Cloud Functions en el backend, y usa Stripe para procesar pagos. El objetivo es evitar tener que configurar desde cero el inicio de sesión, las suscripciones y la gestión de equipos, para que el producto pueda partir de código funcional.
¿main es gratuito? ¿Qué licencia tiene?
main es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿main sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de main fue el 11 sept 2026.
¿Para qué puedo usar main?
Lanzar un producto SaaS por suscripción en Firebase sin crear la autenticación y la facturación desde cero Añadir colaboración en equipo, con invitaciones y roles, a una aplicación web Crear un prototipo de producto web de pago con el modo de prueba de Stripe y emuladores locales
¿Cómo se instala main?
Instala globalmente la CLI de create-fireact-app: npm install -g create-fireact-app Crea un proyecto nuevo con la CLI: create-fireact-app <your-project-name> Sigue las indicaciones de la CLI para seleccionar tu proyecto de Firebase y configurar Stripe Compila la aplicación y las funciones; después, inicia los emuladores de Firebase: npm run build && cd functions && npm run build && cd .. && firebase emulators:start
¿Dónde consigo main?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/fireact-dev/main

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados

Infraestructura open source de facturación por uso, créditos o modelos híbridos, con medición en tiempo real y opción de nube o alojamiento propio.

Backend y APIs#billing#usage-based-pricing#metering
6,9 mil957GoAGPL-3.0Actualizado hace 12 horas