Repolode
kriasoft

kriasoft/react-starter-kit

Полноценный SaaS-монорепозиторий для старта с React 19, tRPC, Drizzle ORM, Better Auth, Stripe и Cloudflare Workers.

Звёзды
23,696
Форки
4,198
Открытые issues
11
Последний коммит
позавчера

Что это?

React Starter Kit — шаблон монорепозитория для создания SaaS-веб-приложений на React 19 с типобезопасным стеком от базы данных до интерфейса. Проект состоит из маркетингового сайта, одностраничного приложения на React и API на Hono и tRPC. Каждое приложение разворачивается как отдельный Cloudflare Worker и взаимодействует с остальными через service bindings.

В шаблоне есть аутентификация на Better Auth: одноразовые коды, отправляемые по email, passkeys, Google OAuth и организации. Также можно подключить подписки Stripe. Для работы с данными используется Drizzle ORM и Neon PostgreSQL; предусмотрены миграции и скрипты заполнения базы. На фронтенде применяются TanStack Router, TanStack Query, Jotai, Tailwind CSS v4 и компоненты shadcn/ui.

Инструментарий основан на Bun, Vite, Vitest, Oxlint и Oxfmt. Инфраструктура, в том числе пулы подключений Hyperdrive и хранилище R2, разворачивается с помощью Terraform.

Ключевые возможности

  • 01Типобезопасный API на tRPC с Drizzle ORM: схемы доступны на всех уровнях — от базы данных до интерфейса.
  • 02Три независимо разворачиваемых Cloudflare Workers для сайта, приложения и API.
  • 03Better Auth с одноразовыми кодами по email, passkeys, Google OAuth и организациями.
  • 04Опциональная оплата подписок через Stripe с тарифами Starter и Pro.
  • 05Миграции Drizzle, начальные данные и команда для запуска студии базы данных.
  • 06Инструментарий на Bun, Vite и Vitest, а также Terraform для управления инфраструктурой.

Сценарии использования

  • Запуск SaaS-продукта, которому с самого начала нужны вход в аккаунт, команды и подписки.
  • Создание React-приложения с размещением на Cloudflare Workers и бэкендом на Postgres.
  • Изучение того, как связать tRPC, Drizzle и Better Auth в полнофункциональном TypeScript-монорепозитории.

Быстрый старт

  1. 1

    Создайте проект на основе шаблона и клонируйте его

  2. 2

    Установите зависимости

    bun install
  3. 3

    Настройте окружение, скопировав файл со значениями по умолчанию

    cp .env .env.local
  4. 4

    Запустите все приложения в режиме разработки

    bun dev

Что важно знать

  • Требуется Bun версии 1.4 или выше в качестве среды выполнения и менеджера пакетов вместо Node.js и npm.
  • Развертывание выполняется на Cloudflare Workers и требует учетной записи Cloudflare.
  • Для полной функциональности необходима база данных Neon PostgreSQL и API-ключ Resend для входа по электронной почте.

Темы

Частые вопросы

Что такое react-starter-kit?
Полноценный SaaS-монорепозиторий для старта с React 19, tRPC, Drizzle ORM, Better Auth, Stripe и Cloudflare Workers. React Starter Kit — шаблон монорепозитория для создания SaaS-веб-приложений на React 19 с типобезопасным стеком от базы данных до интерфейса. Проект состоит из маркетингового сайта, одностраничного приложения на React и API на Hono и tRPC. Каждое приложение разворачивается как отдельный Cloudflare Worker и взаимодействует с остальными через service bindings.
react-starter-kit можно использовать бесплатно? Какая у него лицензия?
react-starter-kit распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
react-starter-kit всё ещё поддерживается?
Активно поддерживается. Последний коммит в react-starter-kit — 19 окт. 2026 г..
Для чего можно использовать react-starter-kit?
Запуск SaaS-продукта, которому с самого начала нужны вход в аккаунт, команды и подписки. Создание React-приложения с размещением на Cloudflare Workers и бэкендом на Postgres. Изучение того, как связать tRPC, Drizzle и Better Auth в полнофункциональном TypeScript-монорепозитории.
Как установить react-starter-kit?
Создайте проект на основе шаблона и клонируйте его Установите зависимости: bun install Настройте окружение, скопировав файл со значениями по умолчанию: cp .env .env.local Запустите все приложения в режиме разработки: bun dev
Где скачать react-starter-kit?
Исходный код и инструкции по установке — на GitHub: https://github.com/kriasoft/react-starter-kit

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Бесплатная коллекция открытых API с ежедневными 60-секундными сводками мировых новостей, трендами китайских платформ, ценами, погодой и другими данными; разворачивается на Docker, Deno, Bun, Node.js или Cloudflare Workers.

5,8 тыс.1,1 тыс.TypeScriptMITОбновлён в прошлом месяце