Repolode
Enviar
kriasoft

kriasoft/react-starter-kit

Um monorepo inicial para SaaS full-stack com React 19, tRPC, Drizzle ORM, Better Auth, Stripe e Cloudflare Workers.

Ver no GitHubSite
Estrelas
23,696
Forks
4,198
Issues abertas
11
Último commit
anteontem

O que é?

O React Starter Kit é um template de monorepo para criar aplicações web SaaS com React 19 e uma stack com segurança de tipos, do banco de dados à interface. O projeto é dividido em um site de marketing, um app React de página única e uma API com Hono e tRPC, cada um implantado como seu próprio Cloudflare Worker e conectado por meio de service bindings.

O template inclui autenticação com Better Auth, com suporte a códigos OTP por e-mail, passkeys, Google OAuth e organizações, além de assinaturas opcionais do Stripe. Os dados são gerenciados pelo Drizzle ORM com Neon PostgreSQL, com migrations e scripts para popular o banco. O frontend usa TanStack Router, TanStack Query, Jotai, Tailwind CSS v4 e componentes shadcn/ui.

A toolchain usa Bun, Vite, Vitest, Oxlint e Oxfmt. A infraestrutura, como pools de conexão Hyperdrive e armazenamento R2, é provisionada com Terraform.

Recursos principais

  • 01Camada de API com segurança de tipos usando tRPC e schemas do Drizzle ORM compartilhados do banco de dados à interface.
  • 02Três Cloudflare Workers implantados de forma independente para o site, o app e a API.
  • 03Better Auth com códigos OTP por e-mail, passkeys, Google OAuth e organizações.
  • 04Cobrança opcional de assinaturas com Stripe, com planos starter e pro.
  • 05Migrations do Drizzle, dados para popular o banco e um comando para abrir o estúdio do banco de dados.
  • 06Toolchain com Bun, Vite e Vitest, e Terraform para a infraestrutura.

Casos de uso

  • Começar um novo produto SaaS que precise de login, equipes e assinaturas desde o primeiro dia.
  • Criar um app React implantado na edge com Cloudflare Workers e um backend PostgreSQL.
  • Aprender como um monorepo full-stack TypeScript integra tRPC, Drizzle e Better Auth.

Início rápido

  1. 1

    Crie seu projeto a partir do template e clone-o

  2. 2

    Instale as dependências

    bun install
  3. 3

    Configure o ambiente copiando o arquivo de padrões

    cp .env .env.local
  4. 4

    Inicie todos os apps em modo de desenvolvimento

    bun dev

Antes de usar

  • Requer Bun v1.4 ou superior como runtime e gerenciador de pacotes, substituindo Node.js e npm.
  • A implantação é feita no Cloudflare Workers e requer uma conta da Cloudflare.
  • Para ter todas as funcionalidades, é necessário um banco de dados Neon PostgreSQL e uma chave de API da Resend para login por e-mail.

Tópicos

#react#typescript#trpc#saas#cloudflare-workers#drizzle-orm#boilerplate#starter-kit#better-auth#bun

Perguntas frequentes

O que é react-starter-kit?
Um monorepo inicial para SaaS full-stack com React 19, tRPC, Drizzle ORM, Better Auth, Stripe e Cloudflare Workers. O React Starter Kit é um template de monorepo para criar aplicações web SaaS com React 19 e uma stack com segurança de tipos, do banco de dados à interface. O projeto é dividido em um site de marketing, um app React de página única e uma API com Hono e tRPC, cada um implantado como seu próprio Cloudflare Worker e conectado por meio de service bindings.
react-starter-kit é gratuito? Qual é a licença?
react-starter-kit é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
react-starter-kit ainda é mantido?
Manutenção ativa. O último commit de react-starter-kit foi em 19 de out. de 2026.
Para que posso usar react-starter-kit?
Começar um novo produto SaaS que precise de login, equipes e assinaturas desde o primeiro dia. Criar um app React implantado na edge com Cloudflare Workers e um backend PostgreSQL. Aprender como um monorepo full-stack TypeScript integra tRPC, Drizzle e Better Auth.
Como instalar react-starter-kit?
Crie seu projeto a partir do template e clone-o Instale as dependências: bun install Configure o ambiente copiando o arquivo de padrões: cp .env .env.local Inicie todos os apps em modo de desenvolvimento: bun dev
Onde consigo react-starter-kit?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/kriasoft/react-starter-kit

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

Projetos relacionados