Repolode
fireact-dev

fireact-dev/main

Starter open source para SaaS, feito com React, TypeScript, Firebase e Stripe, com autenticação, cobrança, equipes e i18n.

Estrelas
560
Forks
181
Issues abertas
0
Último commit
há 2 meses

O que é?

fireact.dev é uma base para criar aplicações SaaS prontas para produção. O projeto combina um frontend em React e TypeScript com Firebase Authentication, Firestore e Cloud Functions no backend, e usa Stripe para processar pagamentos. A ideia é evitar o trabalho inicial de configurar login, assinaturas e gerenciamento de equipes, para que o produto possa começar a partir de código funcional.

O framework inclui cadastro, login e redefinição de senha, gerenciamento de perfil de usuário, controle de acesso baseado em funções e convites para equipes com permissões. Na parte de cobrança, oferece suporte a vários planos de assinatura, portal de cobrança e faturas hospedados pelo Stripe, gerenciamento de formas de pagamento e upgrades e downgrades de plano. A CLI `create-fireact-app` cria a estrutura de um novo projeto e orienta a configuração do Firebase e do Stripe.

O projeto também inclui uma skill do Claude Code (`/fireact-builder`) com playbooks para adicionar páginas, componentes, navegação e Cloud Functions usando linguagem natural. O desenvolvimento local usa os emuladores do Firebase, e o repositório inclui instruções de implantação para Firebase Hosting, Functions e GitHub Actions.

Recursos principais

  • 01Cadastro, login, redefinição de senha e gerenciamento de perfil de usuário
  • 02Controle de acesso baseado em funções e convites para equipes com permissões
  • 03Vários planos de assinatura com portal de cobrança e faturas do Stripe
  • 04Upgrades e downgrades de plano, além de gerenciamento de formas de pagamento
  • 05Skill do Claude Code para adicionar páginas, componentes e Cloud Functions
  • 06Suporte aos emuladores do Firebase para desenvolvimento local

Casos de uso

  • Lançar um produto SaaS baseado em assinaturas no Firebase sem criar autenticação e cobrança do zero
  • Adicionar colaboração em equipe, com convites para membros e funções, a uma aplicação web
  • Prototipar um produto web pago com o modo de teste do Stripe e emuladores locais

Início rápido

  1. 1

    Instale globalmente a CLI do create-fireact-app

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

    Crie um novo projeto com a CLI

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

    Siga as instruções da CLI para selecionar seu projeto do Firebase e configurar o Stripe

  4. 4

    Compile o app e as funções e, em seguida, inicie os emuladores do Firebase

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

Antes de usar

  • Para funcionar plenamente, é necessário ter contas e configurações do Firebase e do Stripe.
  • Antes de fazer o deploy, é preciso atualizar manualmente a configuração de produção e as chaves do Stripe.

Em coleções

Tópicos

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

Perguntas frequentes

O que é main?
Starter open source para SaaS, feito com React, TypeScript, Firebase e Stripe, com autenticação, cobrança, equipes e i18n. fireact.dev é uma base para criar aplicações SaaS prontas para produção. O projeto combina um frontend em React e TypeScript com Firebase Authentication, Firestore e Cloud Functions no backend, e usa Stripe para processar pagamentos. A ideia é evitar o trabalho inicial de configurar login, assinaturas e gerenciamento de equipes, para que o produto possa começar a partir de código funcional.
main é gratuito? Qual é a licença?
main é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
main ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de main foi em 11 de set. de 2026.
Para que posso usar main?
Lançar um produto SaaS baseado em assinaturas no Firebase sem criar autenticação e cobrança do zero Adicionar colaboração em equipe, com convites para membros e funções, a uma aplicação web Prototipar um produto web pago com o modo de teste do Stripe e emuladores locais
Como instalar main?
Instale globalmente a CLI do create-fireact-app: npm install -g create-fireact-app Crie um novo projeto com a CLI: create-fireact-app <your-project-name> Siga as instruções da CLI para selecionar seu projeto do Firebase e configurar o Stripe Compile o app e as funções e, em seguida, inicie os emuladores do Firebase: npm run build && cd functions && npm run build && cd .. && firebase emulators:start
Onde consigo main?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/fireact-dev/main

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados

Infraestrutura open source de billing por uso, créditos ou modelo híbrido, com medição em tempo real e opção de nuvem ou hospedagem própria.

Backend e APIs#billing#usage-based-pricing#metering
6,9 mil957GoAGPL-3.0Atualizado há 7 horas