Supanuxt Saas

screenshot of Supanuxt Saas
nuxt
daisyui
prisma

Supanuxt Saas

Simple boilerplate for SAAS. Nuxt3, Supabase, OAuth, Prisma, TRPC, Pinia, Stripe, Tailwind, OpenAI

Overview

SupaNuxt SaaS is a powerful and feature-rich solution for building SaaS applications. It combines various technologies and services to provide user management, schema and database management, config management, state management, multi-modal state management, multi-user accounts, plans and pricing, and Stripe payment integration.

Features

  • User Management: Social sign-on with various providers, email/password sign-on, password recovery, user roles and permissions, capturing user email on initial login, and flexible plan control.
  • Schema and DB Management: Prisma-based schema management, integration with Supabase for database management, and a seed script for setting up plan and Stripe product information.
  • Config Management and Env Integration: Configuration for Stripe keys, environment keys for Supabase and Stripe, and config switches for free trial.
  • Multi-Modal State Management: Support for single-page application (SPA) type pages and server-side rendered (SSR) type pages, with a flow from PostgreSQL (Supabase) to Prisma to a service layer for business logic to TRPC to Pinia to UI.
  • Multi-User Accounts (Teams): Allows users to upgrade their individual accounts to multi-user accounts (Teams), switch between Teams, and view/edit data from the selected Team. All features, billing, and limits are controlled at the Team level.
  • Plans and Pricing: Management of multiple plans with specific feature flags and plan limits, copying plan features to accounts upon successful subscription, loose coupling between plan and account features, and a pricing page that reacts appropriately to users' account and current plan status.
  • Stripe (Payments) Integration: Seamless integration with Stripe for handling payments, including webhook integration.
nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

daisyui
daisyUI

daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

prisma
Prisma

Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.

fullstack
Fullstack

A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.