Продукти
Acme — B2B SaaS Dashboard
Мультитенантний SaaS-дашборд: воркспейси, ролі, CRUD клієнтів і підписки Stripe.
- Роль
- Full-stack (Next.js)
- Рік
- 2026
- Тип
- Продукти
Огляд
Full-stack стартер B2B SaaS на Next.js App Router із Server Actions. Користувачі входять через Google або magic link, отримують воркспейс, керують клієнтами, запрошують колег і оформлюють підписку через Stripe Checkout.
Що я зробив
- Auth.js v5: Google OAuth і брендований лист з magic link (Resend)
- Воркспейси з перемикачем; активний воркспейс зберігається в JWT-сесії
- Таблиця клієнтів (TanStack Table) з формами на react-hook-form + Zod
- Підписки через Stripe Checkout з підписаним вебхуком
- Графік доходу (Recharts), онбординг-тур (driver.js), темна тема
Технічні акценти
- Edge-сумісний розділений конфіг авторизації в middleware перенаправляє користувачів без воркспейсу
- Prisma-схема моделює мультитенантність: Workspace, WorkspaceMember з ролями ADMIN/VIEWER, Customer
- Stripe-вебхук перевіряє підпис і зв'язує сесію з воркспейсом через metadata
