You will find the files at src/config/. These files contains all the necessary settings for your project. Here are the required configuration files:

config.ts
const config: Config = {
    name: "Your Project Name",          // Your application name
    website: "https://example.com",     // Your website URL
    theme: "system",                    // Choose between "system" or "light" or "dark"
    paymentService: "stripe",           // Choose between "stripe" or "lemon-squeezy"
    ...
};

Authentication Configuration

config.ts
const config: Config = {
    ...
	auth: {
		signInRedirectUrl: "/dashboard",    // Redirect URL after sign in
		signUpRedirectUrl: "/onboarding",   // Redirect URL after sign up
		signOutRedirectUrl: "/",            // Redirect URL after sign out
		signUpEnabled: true,                // Enable or disable sign up
		additionalAuthMethod: null,         // Choose between "magic-link", "credentials", or null (only OAuth is enabled)
	},
    ...
};

SEO Configuration

config.ts
const config: Config = {
    ...
	seo: {
        title: "Page title",                // Default SEO title
        description: "Meta description",    // Default meta description
    }
    ...
};

Email Configuration

config.ts
const config: Config = {
    ...
	email: {
        server: {
            host: "smtp.example.com",           // SMTP server host
            port: 587,                          // SMTP server port
            auth: {
                user: process.env.SMTP_USER,    // SMTP server username
                pass: process.env.SMTP_PASS,    // SMTP server password
            }
        },
        from: "noreply@example.com",            // Email sender
        support: "help@example.com",            // Support email
        lists: {
            waitlist: "waitlist-tag",           // Waitlist list tag or ID
        }
    }
    ...
};

Optional Features

Affiliate Program

Set up the affiliate program in the configuration file. The affiliate program will be displayed on the specified routes. See more about the affiliate program here.

config.ts
const config: Config = {
    ...
    affiliate: {
        enabled: true,              // Enable or disable the affiliate program
        name: "Partner Program"     // Lemonsqueezy affiliate program name
    }
    ...
};

Support Widget

Set up the support widget in the configuration file. The support widget will be displayed on the specified routes. See more about the support widget here.

config.ts
const config: Config = {
    ...
    support: {
        showOnRoutes: ["/dashboard", "/settings"]
    }
    ...
};

Set up your social media links in the configuration file. These links will be displayed in the footer of your website.

config.ts
const config: Config = {
    ...
    socials: {
        x: "https://x.com/example",
        discord: "https://discord.gg/example",
        youtube: "https://youtube.com/@example",
        instagram: "https://instagram.com/example",
        tiktok: "https://tiktok.com/@example",
    }
    ...
};