Get Started

Configuration

All the steps to install and keep up to date the creatorem saas kit.

App config

The app.config.ts file is used to get the application name, description, ... If also implements email templates data in the emailTemplate attribute.


import { parseAppConfig } from '@kit/shared/config';
 
export const appConfig = parseAppConfig({
    name: 'acme',
    title: 'Acme | Your company goals.',
    description: 'Acme is a company that helps you achieve your goals.',
    theme: 'light',
    emailTemplate: {
        logo: {
            url: routes.url + '/images/logo-name.png',
            width: 176,
            height: 32,
        },
        supportEmail: 'hello@acme.com',
    },
});

AppConfig

Prop	Type	Default
`description*`	`string`
`name*`	`string`
`title*`	`string`
`theme*`	`"light" \| "dark" \| "system"`
`links`	`Partial<Record<"twitter" \| "github" \| "linkedin" \| "discord" \| "youtube" \| "instagram" \| "facebook", string>...`
`emailTemplate`	`{ logo?: { url: string;...`

Routes constants

It is very handy to have a constants routes object to easliy the different routes of your applications.

All the routes are stored in kit/shared/config/routes.ts file.

Routes usage

import { dashboardRoutes, marketingRoutes } from '@kit/shared/config';
 
export default function Home() {
    return (
        <div>
            <Link href={dashboardRoutes.paths.auth.signIn}>Login</Link>
            <Link href={marketingRoutes.url}>Marketing</Link>
        </div>
    );
}

Introduction

Provides all the tools you need to build scalable saas applications.

Environment Variables

All the environment variables you need to configure the creatorem saas kit.

How is this guide?

Last updated on 10/17/2025