Next.js SaaS Boilerplate with Supabase, Stripe & React Native | Ship in Days | Creatorem

Creatorem is a production-ready Next.js & Supabase SaaS boilerplate for developers who ship fast. Bringing authentication, billing, organizations, AI integration, and 130+ components out of the box. Complete source code ownership and type-safety from database to UI, works seamlessly with web and mobile. Everything you need to launch.

Code once, build everywhere.

Web App

Mobile App

Database

creatorem

SaaS Kit

Built for speed. Designed to scale.

Get an easy to read, modular, and scalable codebase in seconds.Production-ready. Modular. Scalable.

Monorepo's modularity, boosted by React code cross-platform compatibility, is an extremely powerful combination. This unified approach reduces duplication, accelerates delivery, and ensures consistent user experiences on web, Android, and iOS.

Simplicity is the soul of efficiency.

— Austin Freeman

The JavaScript ecosystem moves fast—too fast. New frameworks, breaking changes, and endless dependency updates make it hard to keep up. We solve this by choosing battle-tested technologies with strong communities, handling updates for you, and letting you focus on what actually matters: building features your users will pay for.

Our stack.

pnpm

Turbo

Supabase

Drizzle ORM

Expo

Next.js

React

shadcn/ui

Radix UI

Motion

Jest

Notion

Fumadocs

Sentry

i18next

Tailwind CSS

NativeWind

Stripe

Lemon Squeezy

Google Analytics

Umami

tRPC

T3 Env

Nodemailer

Postmark

Resend

SendGrid

Next Safe Action

ESLint

Prettier

TypeScript

RN Primitives

Pino

TanStack Query

Zod

Features that wow users and accelerate development.

AI-Powered Conversational Interface

See real-world examples of AI transforming user interactions. Users speak or type in natural language, and the AI understands intent, applies changes, and responds intelligently—no complex forms needed.

The future of SaaS is here: generative dashboards that adapt to each conversation. Instead of static interfaces, your application becomes a smart assistant that understands context and executes actions through natural dialogue.

Includes production-ready React components for streaming responses, tool calling, conversation management, and context-aware interactions. Everything pre-built and ready to customize.

AI Usage Tracking & Wallet System

Beautiful chat UI with complete cost control. Track every AI token consumed, set limits per subscription tier, and monitor spending in real-time. Never lose money on AI features again.

Includes a complete AI wallet system integrated with your billing page. Users can purchasecredits, view consumption history. Automatic token allocation based on subscription plans—all pre-configured.

The intuitive UI flow shows conversation history, streaming states, token usage per message, and remaining balance. Everything users need to understand their AI usage at a glance.

Beautiful Analytics That Users Love

A stunning UI catches attention, but a powerful, well-organized, and logical experience is what keeps users coming back. Our analytics components do both—they look incredible and make complex data instantly understandable.

Every chart, metric card, and data table is designed with clarity in mind. Users find what they need in seconds, understand insights at a glance, and feel confident making decisions. That's the difference between users who churn and users who stay.

Built with Recharts and designed for usability: responsive layouts, intuitive filtering, export functionality, and mobile-optimized views. Beautiful enough to wow, powerful enough to inform.

Learn more

Public Roadmap with Notion Integration

Keep users engaged and reduce churn with a beautiful public roadmap. Manage everything in Notion on your device—update once, and changes sync instantly to your website. No deployment needed.

Your users see progress in real-time. New features, bug fixes, and upcoming releases appear automatically on your site. This transparency builds trust and keeps users excited about what's coming next.

Use Notion's powerful kanban boards, databases, and rich text editing. Our integration handles the sync, formatting, and display. You focus on building—we handle keeping users informed.

Learn more

Complete organization control

Invite unlimited members with automated emails, assign custom roles with granular permissions, manage billing via Stripe. Enterprise-grade team security made simple. Launch in minutes.

Find anything in milliseconds

⌘K command palette finds any record instantly across all your data. Search clients, products, orders with smart filters and history. Stop clicking through endless pages forever.

Manage thousands of records at once

Select rows and export to CSV, Excel, or JSON with one click. Delete hundreds instantly with confirmation safety. Handles massive datasets effortlessly. Save hours every week.

Everything you need. Nothing you don't.

Subscription Billing

Complete billing system with Stripe and Lemon Squeezy integrations. Subscriptions, one-time payments, usage-based billing, customer portal, invoices, and webhook handling—all configured and production-ready.

Pricing

Settings page

Stripe

Lemon Squeezy

Unique source of truth

billing.config.tsx

import { parseBillingConfig } from '@kit/billing';
import { envs } from '~/envs';
/**
 * Your billing config allow you to define how you want to bill your users.
 *
 * To set your products, first create them on the billing provider's dashboard.
 *
 * Then, copy the product ID and price ID from the billing provider's dashboard and paste them into the 'products' array.
 */
export const billingConfig = parseBillingConfig({
    provider: 'stripe', // or 'lemon-squeezy'
    checkoutUI: 'embedded', // or 'hosted'
    attachedTable: 'user', // use 'organization' if you want to bill organizations
    products: [
        {
            id: envs().STRIPE_PRODUCT_ID_1,
            features: [
                '5 products',
                'Up to 1,000 subscribers',
                '48-hour support response time',
            ],
        },
        {
            id: envs().STRIPE_PRODUCT_ID_2,
            popular: true,
            features: [
                '25 products',
                'Up to 10,000 subscribers',
                '24-hour support response time',
                'Marketing automations',
            ],
        },
        {
            id: envs().STRIPE_PRODUCT_ID_3,
            features: [
                'Unlimited products',
                'Unlimited subscribers',
                '24-hour support response time',
                'Marketing automations',
                'Custom reporting tools',
            ],
        },
    ],
});

Pricing

Freelancer

$19/month

5 products
Up to 1,000 subscribers
48-hour support response time

Startup

$29/month

25 products
Up to 10,000 subscribers
24-hour support response time
Marketing automations

Enterprise

$59/month

Unlimited products
Unlimited subscribers
24-hour support response time
Marketing automations
Custom reporting tools

Billing gateway

/settings/billing

Startup

active

$29/month

Created November 17, 2025

First cycle

10 days remaining

Internationalization

Go global from day one with i18next integration. Add new languages in seconds with AI assistance. Includes language switcher, and automatic translation detection.

Translate you website easily with the i18next library. Once you app setup, you can easily translate your website to any language you want using AI code editor.

Dark Mode & Theming

Beautiful dark mode with seamless switching. Customize with your brand colors or let users choose from multiple themes. Built with CSS variables for instant theme updates.

Settings Management

Comprehensive settings system for user preferences, account management, billing, team settings, and more. Pre-built UI components with validation and auto-save functionality.

API Usage

Settings UI

Your settings model in one place

settings.config.tsx

import { createSettingModel, } from '@kit/settings';
import { Icon } from '@kit/ui/icon';
import { Muted } from '@kit/ui/text';
import { z } from 'zod';
import { getDBClient } from '~/lib/get-db-client';
export const settingsModel = createSettingModel(
    'dashboard-settings',
    getDBClient,
    {
        // ...
        organization_name: {
            schema: z.string().default(''),
            storage: 'organization_attributes', // storage method
        },
        // ...
    },
    [
        {// easily handle routing
            group: 'organization', // parent url group
            label: 'Organization',
            settingsPages: [
                {
                    slug: 'index', // match : "/organization" endpoint
                    title: 'Organization',
                    icon: <Icon.store className="h-4 w-4" />,
                    description: 'Configure organization settings',
                    settings: [
                        {
                            type: 'form',
                            id: 'organization-info-form',
                            header: (
                                <>
                                    <div className="text-2xl font-bold">Organization Information</div>
                                    Update your organization's basic information and branding.
                                </>
                            ),
                            settings: [
                                // other setting inputs...
                                {
                                    type: 'text',
                                    slug: 'organization_name',
                                    label: 'Name',
                                    description: "This name will be visible from your clients.",
                                    placeholder: 'My Organization',
                                },
                                // ...
                            ],
                            submitButton: {
                                text: 'Save Organization',
                            },
                        },
                    ],
                },
            ],
        },
    ],
);

server.ts

import { settingsModel } from '~/config/settings.config';
// Same api, not matter how the data is stored in the database.
const { organization_name } = await settingsModel.getSettings(
    ['organization_name'] // Auto-completed
); // return { organizationName: string }
// Safe update with zod type-checking.
await settingsModel.updateSettings({
    organization_name: 'My Organization'
});

/settings/organization

Handle routing

Name

This name will be visible from your clients.

Type-Safe Database

PostgreSQL with Supabase and Drizzle ORM. Row Level Security configured, migrations automated, and end-to-end type safety from database to UI. Includes seed data and test utilities.

Postgres Supabase Database

Every project is a full Postgres database, the world's most trusted relational database.

100% portable
Built-in Auth with RLS
Easy to extend
Easy to extend

Headless CMS Integration

Choose between Notion (easy, hosted) or Fumadocs (fast, local). Both include automatic syncing, image optimization, SEO, and beautiful rendered pages.

Content Management System

KIT

Notion

Fumadocs

Blog

Roadmap

Documentation

Onboarding: Launch seamless onboarding flows with ready-made React components. Collect user data, trigger automated actions, and accelerate time-to-value from the very first sign-up.
130+ Production-Ready Components: Save weeks of development with our comprehensive component library. Built on shadcn/ui and Radix, every component is accessible, customizable, and production-tested by real users.
Analytics: Easily integrate Google Analytics or Umami analytics to track public usage, monitor performance, and measure key metrics—giving you full visibility into how users engage with your SaaS.
Monitoring: Monitor performance and health in real time. Implement the Sentry monitoring provider to ensure your SaaS stays reliable, scalable, and user-friendly at every stage.
Email templates & provider: Send beautiful emails with prebuilt templates (built with React-email) and provider integrations (Resend, Sendgrid, Postmark, or Nodemailer).
Secure Authentication: Production-ready auth powered by Supabase. Email/password, OAuth (Google, GitHub, etc.), magic links, MFA, and session management—all configured, secure, and cross-platform ready.
Organization management: Easily manage teams, roles, and permissions. Built-in organization management lets you send invitations, assign roles, and scale collaborative SaaS apps effortlessly.
Dashboard & Marketing web apps: Jumpstart SaaS operations with prebuilt dashboards and marketing apps. Fully customizable with shadcn/ui and AI, they give you a polished, conversion-ready foundation instantly.
Development tools: Work smarter with a preconfigured setup. ESLint, Prettier, and TypeScript best practices baked in, ensuring cleaner code, fewer bugs, and faster iterations from day one.
AI-Optimized Codebase: Built for AI code editors like Cursor and Copilot. Clear patterns, extensive documentation, and consistent structure help AI understand your codebase and generate better code faster.
Content Management Components: Build content-heavy features fast. Reusable components for blog posts, documentation, knowledge bases, and more. Includes list views, detail pages, search, and filtering.
Documentation: Provide crystal-clear docs from day one. Built-in documentation templates plus AI assistance make it easy to explain, onboard, and scale your SaaS with confidence.
Type-Safe ORM with Drizzle: End-to-end type safety from database to UI. Drizzle ORM provides excellent DX, zero runtime overhead, and automatic migrations. Catch data errors at compile time, not runtime.
Mobile-First Responsive Design: Every component works beautifully on every screen size. Mobile-first approach with Tailwind CSS ensures your SaaS looks professional on phones, tablets, and desktops.
Smart Command Palette: Power-user feature that wows. Command palette for quick navigation, actions, and search. Built with shadcn/ui, fully customizable, and works across your entire application.
Media & Asset Management: Handle uploads with ease. Built-in media manager for images, videos, and files. Supports user-scoped and organization-scoped storage with Supabase Storage integration.
SEO & Social Sharing: Rank higher and drive organic traffic. Automatic Open Graph images, structured data, XML sitemaps, and meta tag management. Built-in SEO best practices for every page.
Coming Soon React Native Mobile Apps: Launch iOS and Android apps with the same codebase. Built with Expo and React Native, styled with NativeWind. Reuse 80% of your web components for lightning-fast mobile development.
Coming Soon Real-Time Notifications: Keep users informed instantly. Built-in notification system for in-app alerts, email notifications, and push notifications. Track delivery, manage preferences, and ensure critical updates reach users.
Coming Soon Activity History & Audit Logs: Track every change with confidence. Complete audit trail for AI-generated and human actions. See who changed what, when, and why. Essential for compliance, debugging, and team accountability.

One price. Everything included. Forever.

Complete SaaS Kit—Launch Ready

Skip months of development. Get instant access to production-ready code, 130+ components, AI features, billing integration, and everything you need to launch your SaaS today. One payment, yours forever.

What's included

Lifetime access to complete source code
Free updates forever—new features, improvements, fixes
Detailed documentation with real case examples
Production deployment guides & best practices

Launch your SaaS in days, not months

Ship your next SaaS in days, not months

Built for speed. Designed to scale.

Our stack.

Features that wow users and accelerate development.

Everything you need. Nothing you don't.

Freelancer

Startup

Enterprise

Postgres Supabase Database

One price. Everything included. Forever.

Complete SaaS Kit—Launch Ready

What's included

Frequently Asked Questions.

Ship your next SaaS in days, not months

Built for speed. Designed to scale.

Our stack.

Features that wow users and accelerate development.

Everything you need. Nothing you don't.

Freelancer

Startup

Enterprise

Postgres Supabase Database

One price. Everything included. Forever.

Complete SaaS Kit—Launch Ready

What's included

Frequently Asked Questions.

Can I get a refund?

For who the creatorem saas kit is for?

How can I can use the creatorem saas kit?

Will I get future updates?

Is there a setup fee?

How can I get support?

How long is the access to the creatorem saas kit?