Introduction

jampack-saas-starterkit is a SaaS starter kit (boilerplate) that comes packed with all components required to run a modern SaaS software. This is a tenant-based starter kit, or in other words, multi-tenant SaaS starter kit

Features

jampack-saas-starterkit ships with the core building blocks needed to launch and scale a modern SaaS product faster.

Multi-tenancy

Build multi-tenancy applications, seat-based subscriptions with a seamless checkout experience.

Customize Styles

Customize the styles, colors, and error pages of your application to fit your brand.

Product, Plans & Pricing

Create and manage your products, plans, and pricing from a beautiful and easy-to-use admin panel.

Beautiful checkout process

Your customers can subscribe to your plans from a beautiful checkout process.

Huge list of ready-to-use components

Includes plans and pricing, hero sections, feature sections, testimonials, FAQ, call to action, tab slider, and much more.

User authentication

Comes with user authentication out of the box, including classic email/password and social login providers.

Multiple payment providers

Stripe, Paddle, Lemon Squeezy, and offline manual payments are supported out of the box.

Blog

Create and manage your blog posts.

User & Role Management

Create and manage your users and roles, and assign permissions to your users.

Fully translatable

Translate your application to any language you want.

Sitemap & SEO

Sitemap support and SEO optimization are included out of the box.

AI Powered

Built-in AI features for chat, search, and content generation.

File Structure

This documentation page now reflects the actual structure of the sibling jampack-saas-starterkit project instead of the old multi-framework package layout.

jampack-saas-starterkit
|
|-- prisma/
|   |-- schema.prisma
|   `-- migrations/
|
|-- scripts/
|   `-- posthog-seed-dashboard.mjs
|
|-- src/
|   |-- actions/
|   |   |-- payment/
|   |   |-- plans/
|   |   |-- settings/
|   |   `-- project.ts
|   |
|   |-- app/
|   |   |-- (jampack)/
|   |   |   |-- (apps layout)/
|   |   |   |-- (auth layout)/
|   |   |   `-- layout.js
|   |   |-- api/
|   |   |-- landing/
|   |   |-- sentry-example/
|   |   |-- starterkit-doc/
|   |   |-- layout.js
|   |   `-- page.tsx
|   |
|   |-- components/
|   |   |-- analytics/
|   |   |-- blog/
|   |   |-- organization/
|   |   |-- settings/
|   |   |-- ui/
|   |   `-- workspace/
|   |
|   |-- config/
|   |   `-- pricing.ts
|   |
|   |-- layout/
|   |   |-- apps-layout/
|   |   |-- auth-layout/
|   |   |-- Header/
|   |   `-- Sidebar/
|   |
|   |-- lib/
|   |   |-- ai/
|   |   |-- blog/
|   |   |-- posthog.js
|   |   |-- prisma.ts
|   |   `-- redis.ts
|   |
|   |-- styles/
|   |   `-- scss/
|   |
|   `-- utils/
|       |-- menuFilter.js
|       `-- supabase/
|
|-- package.json
|-- next.config.js
|-- tsconfig.json
`-- vercel.json

Core Folders

The starterkit is organized around app routes, shared business logic, and reusable UI building blocks.

src/app: App Router pages for dashboard, auth, landing pages, API routes, and billing flows.
src/actions: Server actions for payments, plans, settings, projects, and blog operations.
src/components: Shared UI and domain components like blog, workspace, analytics, organization, and settings.
src/config/pricing.ts: Central pricing and payment-provider plan mapping.
src/lib: App-level helpers for Prisma, Redis, PostHog, AI providers, auth, and email logic.
src/utils/supabase: Supabase client, server, and middleware helpers.
prisma: Database schema and migrations for starterkit data models.

Styling Structure

The project keeps its visual system under src/styles/scss, where layout-level and component-level styling is split into focused files.

style.scss: Main stylesheet entry that pulls the rest of the SCSS system together.
variables.scss and mixins.scss: Design tokens and reusable Sass helpers.
header.scss, footer.scss, nav.scss, navbar-menu.scss: Shared layout and navigation styles.
apps.scss and drawer.scss: App-specific UI sections and off-canvas behaviors.
vertical-classic-menu.scss, vertical-icon-menu.scss, horizontal-menu.scss: Navigation variants used across the starterkit.
workspace.scss and other feature styles in the parent project extend the base theme for richer product screens.

Installation

These steps match the real jampack-saas-starterkit setup, including Prisma generation during production builds.

Install Node.js 18 or later, then open the jampack-saas-starterkit project folder.
Install dependencies using the command below.
```
npm install
yarn install
```
Set up your environment variables for Supabase, database, payment provider, PostHog, Sentry, and Redis as needed for your use case.
Run the development server.
```
npm run dev
yarn dev
```
Create a production build. This project runs prisma generate before next build.
```
npm run build
yarn build
```

Features
File Structure
Core Folders
Styling
Installation