Tech Stack

SuperSaaS is built with a focus on simplicity and speed. The stack is kept lean, with reliable libraries and smart defaults — no hacks, no over-engineering.

Everything is designed to give you a clean starting point while staying feature-rich and production-ready.

Nuxt

SuperSaaS runs on Nuxt, fully compatible with Nuxt 4. It's a powerful framework built on Vue that helps you ship SaaS apps quickly.

• Zero Config – TypeScript and JavaScript support out of the box
• Auto Imports – Components, composables, and utilities are auto-imported
• Flexible Rendering – Mix of static (landing pages) and SSR (dashboard) in Supersaas
• Great DX – Rich ecosystem of composables for rapid development
• Built-in State – Lightweight state management via useState
• Universal Deployment – Deploy anywhere: Cloudflare, Node.js, etc.

Nuxt UI v3

An official UI kit made by the Nuxt team using Tailwind CSS, Reka UI, and Lucide icons.

• Nice by Default – Clean, modern UI out of the box
• Fully Customizable – Powered by the ui prop for deep customization
• Lucide Icons – Icon set included
• Accessible – Uses Reka UI for built-in accessibility

Drizzle ORM

A type-safe ORM built for SQL and TypeScript. Lightweight, fast, and easy to use.

• Type-Safe – Strong typings for schema and queries
• SQL-Like Queries – Write SQL-style queries in TypeScript
• Migrations – Built-in migration support with Drizzle Kit
• Multi-DB Support – Works with Postgres, SQLite, MySQL, and D1
  (SuperSaaS includes examples for SQLite, Postgres, and Cloudflare D1)

Nuxt Auth Utils

A tiny auth layer for Nuxt that gives you just the right primitives to build your own auth flows.

• Built for Nuxt – Sealed cookie sessions using H3
• Social Auth – 35+ providers supported
• WebAuthn – Passkey support (Face ID, Touch ID, etc.)
• Useful Composables:

const { loggedIn, user, session, fetch, clear, openInPopup } = useUserSession();

Tailwind CSS v4

• The default styling system used across the project. Fast, responsive, and works great with Nuxt.
• Utility-first and fully customizable
• Plays well with Nuxt UI v3 and Reka UI
• Works out of the box with no extra setup

Package.json

Here is the entire package.json file for the project. It's a good starting point to see what dependencies are used in the project.

{
  "name": "supersaas",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "npx nuxthub preview",
    "deploy": "npx nuxthub deploy",
    "postinstall": "nuxt prepare",
    "lint": "eslint .",
    "lint:fix": "eslint . --fix",
    "format": "prettier --write .",
    "db:generate": "drizzle-kit generate"
  },
  "dependencies": {
    "@iconify-json/lucide": "^1.2.32",
    "@nuxt/eslint": "^1.2.0",
    "@nuxt/ui": "3.0.1",
    "@nuxthub/core": "^0.8.21",
    "@simplewebauthn/browser": "^13.1.0",
    "@simplewebauthn/server": "^13.1.1",
    "@t3-oss/env-nuxt": "^0.12.0",
    "@vitejs/plugin-vue": "^5.2.3",
    "@vue-email/components": "^0.0.21",
    "@vue-email/render": "^0.0.9",
    "drizzle-orm": "0.41.0",
    "drizzle-zod": "^0.7.0",
    "nanoid": "5.1.5",
    "nuxt": "^3.16.1",
    "nuxt-auth-utils": "0.5.17",
    "stripe": "17.7.0",
    "use-email": "^0.0.9",
    "vue": "^3.5.13",
    "vue-router": "^4.5.0",
    "zod": "^3.24.2"
  },
  "devDependencies": {
    "@tailwindcss/typography": "^0.5.16",
    "@vueuse/core": "^13.0.0",
    "@vueuse/nuxt": "13.0.0",
    "dotenv": "^16.4.7",
    "drizzle-kit": "0.30.5",
    "nuxi": "^3.23.1",
    "nuxthub-ratelimit": "^1.0.4",
    "prettier": "^3.5.3",
    "prettier-plugin-tailwindcss": "^0.6.11",
    "simple-git-hooks": "^2.12.1",
    "typescript": "^5.8.2",
    "vue-tsc": "3.0.0-alpha.2",
    "wrangler": "^4.4.1"
  },
  "packageManager": "[email protected]",
  "simple-git-hooks": {
    "hooks": {
      "pre-commit": "pnpm run format"
    }
  }
}