Repolode
Enviar
kriasoft

kriasoft/react-starter-kit

Monorepo base para crear aplicaciones SaaS full-stack con React 19, tRPC, Drizzle ORM, Better Auth, Stripe y Cloudflare Workers.

Ver en GitHubSitio web
Estrellas
23,696
Forks
4,198
Issues abiertos
11
Último commit
anteayer

¿Qué es?

React Starter Kit es una plantilla de monorepo para crear aplicaciones web SaaS con React 19 y un stack con seguridad de tipos, desde la base de datos hasta la interfaz. Divide el proyecto en un sitio de marketing, una aplicación de página única con React y una API con Hono y tRPC. Cada aplicación se despliega como su propio Cloudflare Worker, conectado mediante service bindings.

La plantilla incluye autenticación con Better Auth, que admite email OTP, passkeys, Google OAuth y organizaciones, además de suscripciones opcionales con Stripe. Los datos se gestionan con Drizzle ORM sobre Neon PostgreSQL, con migraciones y scripts de seed. El frontend usa TanStack Router, TanStack Query, Jotai, Tailwind CSS v4 y componentes de shadcn/ui.

La cadena de herramientas se basa en Bun, Vite, Vitest, Oxlint y Oxfmt. La infraestructura, como los pools de conexiones de Hyperdrive y el almacenamiento R2, se aprovisiona con Terraform.

Funciones clave

  • 01Capa de API con seguridad de tipos mediante tRPC y esquemas de Drizzle ORM compartidos desde la base de datos hasta la interfaz de usuario.
  • 02Tres Cloudflare Workers que se despliegan de forma independiente para la web, la aplicación y la API.
  • 03Better Auth con email OTP, passkeys, Google OAuth y organizaciones.
  • 04Facturación opcional de suscripciones con Stripe y planes Starter y Pro.
  • 05Migraciones de Drizzle, datos de seed y un comando para abrir el estudio de base de datos.
  • 06Cadena de herramientas con Bun, Vite y Vitest, y Terraform para la infraestructura.

Casos de uso

  • Empezar un nuevo producto SaaS que necesite inicio de sesión, equipos y suscripciones desde el primer día.
  • Crear una aplicación con React desplegada en el edge mediante Cloudflare Workers y con un backend de Postgres.
  • Aprender cómo se integran tRPC, Drizzle y Better Auth en un monorepo full-stack con TypeScript.

Inicio rápido

  1. 1

    Crea tu proyecto a partir de la plantilla y clónalo

  2. 2

    Instala las dependencias

    bun install
  3. 3

    Configura el entorno copiando el archivo de valores predeterminados

    cp .env .env.local
  4. 4

    Inicia todas las aplicaciones en modo de desarrollo

    bun dev

Antes de usarlo

  • Requiere Bun v1.4 o posterior como entorno de ejecución y gestor de paquetes, en sustitución de Node.js y npm.
  • La implementación se realiza en Cloudflare Workers y requiere una cuenta de Cloudflare.
  • Para disponer de todas las funciones, necesitas una base de datos Neon PostgreSQL y una clave de API de Resend para iniciar sesión por correo electrónico.

Temas

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

Preguntas frecuentes

¿Qué es react-starter-kit?
Monorepo base para crear aplicaciones SaaS full-stack con React 19, tRPC, Drizzle ORM, Better Auth, Stripe y Cloudflare Workers. React Starter Kit es una plantilla de monorepo para crear aplicaciones web SaaS con React 19 y un stack con seguridad de tipos, desde la base de datos hasta la interfaz. Divide el proyecto en un sitio de marketing, una aplicación de página única con React y una API con Hono y tRPC. Cada aplicación se despliega como su propio Cloudflare Worker, conectado mediante service bindings.
¿react-starter-kit es gratuito? ¿Qué licencia tiene?
react-starter-kit es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿react-starter-kit sigue mantenido?
Mantenimiento activo. El último commit de react-starter-kit fue el 19 oct 2026.
¿Para qué puedo usar react-starter-kit?
Empezar un nuevo producto SaaS que necesite inicio de sesión, equipos y suscripciones desde el primer día. Crear una aplicación con React desplegada en el edge mediante Cloudflare Workers y con un backend de Postgres. Aprender cómo se integran tRPC, Drizzle y Better Auth en un monorepo full-stack con TypeScript.
¿Cómo se instala react-starter-kit?
Crea tu proyecto a partir de la plantilla y clónalo Instala las dependencias: bun install Configura el entorno copiando el archivo de valores predeterminados: cp .env .env.local Inicia todas las aplicaciones en modo de desarrollo: bun dev
¿Dónde consigo react-starter-kit?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/kriasoft/react-starter-kit

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

Proyectos relacionados