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.
Summary
SupaNuxt SaaS is a comprehensive theme for building SaaS applications. It provides a wide range of features, including user management, schema and database management, config management, multi-modal state management, multi-user accounts, plans and pricing, and Stripe payment integration. With its powerful and flexible architecture, SupaNuxt SaaS offers developers a solid foundation to quickly build and deploy their SaaS products.
- 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 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 is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- 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.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.
- 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.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.