React Starter Kit

kriasoft/react-starter-kit ↗ ·★ 23.7k ·TypeScript ·MIT

Un starter SaaS full-stack en monorepo avec React 19, tRPC, Hono, Stripe, Drizzle, Neon et plusieurs Cloudflare Workers.

React Starter Kit screenshot
Étoiles
★ 23.7k
Langage
TypeScript
Licence
MIT
Cibles de déploiement
2

Aperçu

React Starter Kit est un template SaaS très populaire pour les équipes qui veulent une architecture TypeScript full-stack plutôt qu’un simple squelette frontend. Le monorepo contient un site marketing Astro, une application React 19, un Worker API Hono + tRPC, des templates React Email, des packages partagés et l’outillage de base de données. La cible de déploiement edge est Cloudflare Workers, avec des Workers web, app et API séparés reliés par des service bindings.

Le stack est opinionné dans le bon sens. Better Auth couvre les flux d’authentification modernes, Stripe fournit les abonnements, Drizzle ORM structure la couche de données et Neon apporte Postgres serverless. Cette combinaison donne une base SaaS réaliste avec base de données, auth, facturation et routage déjà cadrés, tout en laissant la possibilité de remplacer des composants plus tard.

Ce n’est pas le starter le plus petit de la liste, mais c’est l’un des plus complets. Il faut s’attendre à configurer variables d’environnement, URL de base de données, fournisseurs OAuth et secrets Workers avant la production. Pour les équipes qui veulent ces patterns dès le départ, c’est une référence solide pour construire un produit React déployé sur Cloudflare avec des services compatibles avec les offres gratuites.

Points forts

  • Monorepo SaaS TypeScript complet avec React 19, tRPC, Hono et Cloudflare Workers
  • Patterns d'authentification et de facturation avec Better Auth et Stripe subscriptions
  • Drizzle ORM et Neon PostgreSQL pour une couche de données typée
  • Workers web, app et API séparés, reliés par les service bindings Cloudflare

Idéal pour

  • Équipes qui démarrent un SaaS avec React et des services backend déployés à l'edge
  • Développeurs qui cherchent une architecture de référence Cloudflare Workers
  • Projets qui veulent auth, facturation et conventions de base de données dès le départ

Pour commencer

  1. 1 Générez un nouveau dépôt depuis le template GitHub
  2. 2 Installez les dépendances avec Bun et copiez .env vers .env.local
  3. 3 Configurez DATABASE_URL et les secrets de production requis
  4. 4 Construisez et déployez les Workers web, app et API avec les commandes Bun documentées
#react#saas#workers#hono#neon#starter

FAQ

Est-ce seulement un template frontend React ?

Non. C'est un monorepo full-stack avec site marketing Astro, application React, Worker API Hono/tRPC, templates React Email, packages partagés et outillage base de données.

Quelle base de données est prévue ?

Le README décrit Drizzle ORM avec Neon PostgreSQL. Cela se combine bien avec l'offre gratuite de Neon, tandis que l'application et l'API se déploient sur Cloudflare Workers.

La facturation est-elle incluse ?

Oui. Le stack inclut une intégration Stripe subscriptions avec Better Auth, et les secrets de production sont documentés pour le déploiement Workers.

Déployer React Starter Kit gratuitement

Plateformes à offre gratuite capables d’héberger ce projet. Choisissez-en une et lancez-vous.