f
Créez des applications SaaS prêtes pour la production 10x plus rapidement

Lancez votre prochain SaaS en quelques jours, pas en mois

DocumentationVoir la démo
Creatorem Saas Kit tablet mockup
Creatorem Saas Kit iphone mockup

Creatorem est un kit SaaS Next.js, Expo et Supabase prêt pour la production pour les développeurs. Intégrant la facturation, les organisations, l'intégration IA, la sécurité des types de la base de données à l'interface utilisateur, les traductions, les notifications, et bien plus encore. Tout ce dont vous avez besoin pour lancer vos applications web, iOS et Android en quelques jours, pas en mois.

Fonctionnalités d'application mobile qui évoluent

Authentification

Authentification sécurisée alimentée par Supabase. Connectez-vous de manière transparente à votre application depuis les plateformes mobiles et web. Des mesures de sécurité conformes aux normes de l'industrie garantissent la protection des données de vos utilisateurs en tout temps.

Notifications

Restez connecté avec des notifications push en temps réel. Maintenez l'engagement de vos utilisateurs avec des mises à jour opportunes, des alertes et des messages personnalisés sur les plateformes mobiles et web.

Interface utilisateur React Native prête à l'emploi

Accédez à plus de 100 composants React Native prêts pour la production. Des tableaux de bord analytiques aux interfaces de recherche et affichages de contenu. Tout ce dont vous avez besoin pour créer de belles expériences mobiles fonctionnelles est inclus.

Gestion des paramètres

Obtenez instantanément des écrans de paramètres pour contrôler tous les paramètres de l'application implémentés dans le kit SaaS. Facile à étendre pour ajouter rapidement de nouveaux paramètres pour votre propre application et personnaliser l'expérience pour vos utilisateurs.

Organisation

Système d'organisation multi-locataire intégré avec des permissions basées sur les rôles. Gérez les équipes, invitez des membres et contrôlez les niveaux d'accès de manière transparente. Évoluez des projets solo aux équipes d'entreprise avec la même base de code.

Iphone empty mockup
Authentification - Authentification sécurisée alimentée par Supabase. Connectez-vous de manière transparente à votre application depuis les plateformes mobiles et web. Des mesures de sécurité conformes aux normes de l'industrie garantissent la protection des données de vos utilisateurs en tout temps.
Notifications - Restez connecté avec des notifications push en temps réel. Maintenez l'engagement de vos utilisateurs avec des mises à jour opportunes, des alertes et des messages personnalisés sur les plateformes mobiles et web.
Interface utilisateur React Native prête à l'emploi - Accédez à plus de 100 composants React Native prêts pour la production. Des tableaux de bord analytiques aux interfaces de recherche et affichages de contenu. Tout ce dont vous avez besoin pour créer de belles expériences mobiles fonctionnelles est inclus.
Gestion des paramètres - Obtenez instantanément des écrans de paramètres pour contrôler tous les paramètres de l'application implémentés dans le kit SaaS. Facile à étendre pour ajouter rapidement de nouveaux paramètres pour votre propre application et personnaliser l'expérience pour vos utilisateurs.
Organisation - Système d'organisation multi-locataire intégré avec des permissions basées sur les rôles. Gérez les équipes, invitez des membres et contrôlez les niveaux d'accès de manière transparente. Évoluez des projets solo aux équipes d'entreprise avec la même base de code.

Applications nextjs prêtes à déployer

Intégration d'outils IA

Voyez des exemples concrets d'IA transformant les interactions utilisateur. Les utilisateurs parlent ou tapent en langage naturel, et l'IA comprend l'intention, applique les changements et répond intelligemment. Aucun formulaire complexe nécessaire.

Suivi d'utilisation IA et système de portefeuille

Belle interface de chat avec un contrôle complet des coûts. Suivez chaque jeton IA consommé, définissez des limites par niveau d'abonnement et surveillez les dépenses en temps réel. Ne perdez plus jamais d'argent sur les fonctionnalités IA.

De belles analyses que les utilisateurs adorent

Une interface utilisateur époustouflante attire l'attention, mais une expérience puissante, bien organisée et logique est ce qui fait revenir les utilisateurs. Nos composants d'analyse font les deux : ils sont incroyables et rendent les données complexes instantanément compréhensibles.

Feuille de route avec intégration Notion

Maintenez l'engagement des utilisateurs et réduisez le désabonnement avec une belle feuille de route publique. Gérez tout dans Notion sur votre appareil et les modifications se synchronisent instantanément sur votre site web. Aucun redéploiement nécessaire.

Mêmes fonctionnalités que sur mobile

Obtenez les mêmes fonctionnalités mobiles dans vos applications web Next.js. Invitez des membres illimités avec des e-mails automatisés, attribuez des rôles personnalisés avec des permissions granulaires, gérez les organisations et les comptes utilisateurs.

Conçu pour la vitesse. Pensé pour évoluer.

Prêt pour la production. Modulaire. Évolutif.

La modularité du monorepo, amplifiée par la compatibilité multiplateforme du code React, est une combinaison extrêmement puissante. Cette approche unifiée réduit la duplication, accélère la livraison et garantit des expériences utilisateur cohérentes sur le web, Android et iOS.

La simplicité est l'âme de l'efficacité.

— Austin Freeman

L'écosystème JavaScript évolue rapidement, trop rapidement même. Les nouveaux frameworks, les changements majeurs et les mises à jour de dépendances sans fin rendent difficile de suivre le rythme. Nous résolvons ce problème en choisissant des technologies éprouvées avec des communautés solides, en gérant les mises à jour pour vous, et en vous laissant vous concentrer sur ce qui compte vraiment : créer des fonctionnalités pour lesquelles vos utilisateurs paieront.

Plusieurs cas d'utilisation

Marketing nextjs website mockup on tablet
Creatorem Saas Kit tablet mockup
Iphone empty mockup
Screenshot mobile app home page
Iphone empty mockup
Screenshot search page on mobile app
Iphone empty mockup
Screenshot profile page on mobile app
Faites défiler vers le bas

Tout ce dont vous avez besoin. Rien de plus.

Facturation par abonnement

Système de facturation complet avec intégrations Stripe et Lemon Squeezy. Abonnements, paiements uniques, facturation basée sur l'utilisation, portail client, factures et gestion des webhooks—tout configuré et prêt pour la production.

Settings page
Unique source of truth
billing.config.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
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',
],
},
],
});
Billing gateway
/settings/billing
Billing
Billing
Startup
active
$29/month
Created February 2, 2026
First cycle
10 days remaining
Traduisible

Ajoutez de nouvelles langues en quelques secondes avec l'assistance IA et le sélecteur de langue sur les applications web, Android et iOS.

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.

Mode sombre et thématisation

Beau mode sombre avec basculement transparent. Personnalisez avec les couleurs de votre marque ou laissez les utilisateurs choisir parmi plusieurs thèmes. Construit avec des variables CSS pour des mises à jour de thème instantanées.

Gestion des paramètres

Système de paramètres complet pour les préférences utilisateur, la gestion de compte, la facturation, les paramètres d'équipe et plus encore. Composants d'interface utilisateur préconstruits avec validation et fonctionnalité de sauvegarde automatique.

API Usage
Your settings model in one place
settings.config.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import { createSettingModel, } from '@kit/settings';
import { Icon } from '@kit/ui/icon';
import { Muted } from '@kit/ui/text';
import { z } from 'zod';
import { getDBClient } from '@kit/shared/server/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 name="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
1
2
3
4
5
6
7
8
9
10
11
12
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
Organization
Organization
Name
This name will be visible from your clients.
Base de données type-safe

PostgreSQL avec Supabase et Drizzle ORM. Sécurité au niveau des lignes configurée, migrations automatisées et sécurité des types de bout en bout de la base de données à l'interface utilisateur. Inclut des données de test et des utilitaires de test.

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
Intégration CMS headless

Choisissez entre Notion (facile, hébergé) ou Fumadocs (rapide, local). Les deux incluent la synchronisation automatique, l'optimisation d'images, le SEO et de belles pages rendues.

Content Management System
KIT
Notion
Fumadocs
Blog
Roadmap
Documentation
Onboarding
Onboarding

Lancez des flux d'onboarding transparents avec des composants React prêts à l'emploi. Collectez les données utilisateur, déclenchez des actions automatisées et accélérez le temps de rentabilisation dès la première inscription.

Plus de 130 composants prêts pour la production
Plus de 130 composants prêts pour la production

Économisez des semaines de développement avec notre bibliothèque de composants complète. Construits sur shadcn/ui et Radix, chaque composant est accessible, personnalisable et testé en production par de vrais utilisateurs.

Analyses
Analyses

Intégrez facilement Google Analytics ou Umami analytics pour suivre l'utilisation publique, surveiller les performances et mesurer les métriques clés—vous donnant une visibilité complète sur la façon dont les utilisateurs interagissent avec votre SaaS.

Surveillance
Surveillance

Surveillez les performances et la santé en temps réel. Implémentez le fournisseur de surveillance Sentry pour garantir que votre SaaS reste fiable, évolutif et convivial à chaque étape.

Modèles d'e-mails et fournisseur
Modèles d'e-mails et fournisseur

Envoyez de beaux e-mails avec des modèles préconstruits (construits avec React-email) et des intégrations de fournisseurs (Resend, Sendgrid, Postmark ou Nodemailer).

Authentification sécurisée
Authentification sécurisée

Authentification prête pour la production alimentée par Supabase. E-mail/mot de passe, OAuth (Google, GitHub, etc.), liens magiques, MFA et gestion de session—tout configuré, sécurisé et prêt pour plusieurs plateformes.

Gestion d'organisation
Gestion d'organisation

Gérez facilement les équipes, les rôles et les permissions. La gestion d'organisation intégrée vous permet d'envoyer des invitations, d'attribuer des rôles et d'évoluer vos applications SaaS collaboratives sans effort.

Applications web de tableau de bord et marketing

Démarrez les opérations SaaS avec des tableaux de bord et des applications marketing préconstruits. Entièrement personnalisables avec shadcn/ui et l'IA, ils vous donnent une base polie et prête à la conversion instantanément.

Outils de développement

Travaillez plus intelligemment avec une configuration préconfigurée. ESLint, Prettier et les meilleures pratiques TypeScript intégrées, garantissant un code plus propre, moins de bugs et des itérations plus rapides dès le premier jour.

Base de code optimisée pour l'IA

Conçu pour les éditeurs de code IA comme Cursor et Copilot. Des modèles clairs, une documentation complète et une structure cohérente aident l'IA à comprendre votre base de code et à générer un meilleur code plus rapidement.

Composants de gestion de contenu
Composants de gestion de contenu

Créez rapidement des fonctionnalités riches en contenu. Composants réutilisables pour les articles de blog, la documentation, les bases de connaissances et plus encore. Inclut des vues de liste, des pages de détail, la recherche et le filtrage.

Documentation
Documentation

Fournissez une documentation cristalline dès le premier jour. Des modèles de documentation intégrés plus l'assistance IA facilitent l'explication, l'intégration et l'évolution de votre SaaS en toute confiance.

ORM type-safe avec Drizzle
ORM type-safe avec Drizzle

Sécurité des types de bout en bout de la base de données à l'interface utilisateur. Drizzle ORM offre une excellente DX, aucune surcharge d'exécution et des migrations automatiques. Détectez les erreurs de données au moment de la compilation, pas à l'exécution.

Design réactif mobile-first

Chaque composant fonctionne magnifiquement sur toutes les tailles d'écran. L'approche mobile-first avec Tailwind CSS garantit que votre SaaS a un aspect professionnel sur les téléphones, tablettes et ordinateurs de bureau.

Palette de commandes intelligente

Fonctionnalité de power-user qui impressionne. Palette de commandes pour une navigation rapide, des actions et une recherche. Construite avec shadcn/ui, entièrement personnalisable et fonctionne dans toute votre application.

Gestion des médias et des ressources

Gérez les téléchargements en toute simplicité. Gestionnaire de médias intégré pour les images, vidéos et fichiers. Prend en charge le stockage par utilisateur et par organisation avec l'intégration Supabase Storage.

SEO et partage social

Classez-vous plus haut et générez du trafic organique. Images Open Graph automatiques, données structurées, plans de site XML et gestion des balises méta. Meilleures pratiques SEO intégrées pour chaque page.

Applications mobiles React Native
Applications mobiles React Native

Lancez des applications iOS et Android avec la même base de code. Construites avec Expo et React Native, stylisées avec NativeWind. Réutilisez 80% de vos composants web pour un développement mobile ultra-rapide.

Notifications en temps réel

Tenez les utilisateurs informés instantanément. Système de notification intégré pour les alertes dans l'application, les notifications par e-mail et les notifications push. Suivez la livraison, gérez les préférences et assurez-vous que les mises à jour critiques atteignent les utilisateurs.

Bientôt disponible
Historique d'activité et journaux d'audit

Suivez chaque changement en toute confiance. Piste d'audit complète pour les actions générées par l'IA et humaines. Voyez qui a changé quoi, quand et pourquoi. Essentiel pour la conformité, le débogage et la responsabilité de l'équipe.

Un prix. Tout inclus. Pour toujours.

Kit SaaS complet, prêt à lancer

Évitez des mois de développement. Obtenez un accès instantané à du code prêt pour la production, plus de 130 composants, des fonctionnalités IA, une intégration de facturation et tout ce dont vous avez besoin pour lancer votre SaaS aujourd'hui. Un paiement, le vôtre pour toujours.

Ce qui est inclus

  • Accès à vie au code source complet
  • Mises à jour gratuites pour toujours, nouvelles fonctionnalités, améliorations, correctifs
  • Documentation détaillée avec des exemples de cas réels
  • Guides de déploiement en production et meilleures pratiques
Launch your SaaS in days, not months

Questions fréquemment posées.