App configuration

The application configuration is set at apps/web/src/config/app.ts. This configuration stores some overall variables for your application.

This allows you to host multiple apps in the same monorepo, as every application defines its own configuration.

The recommendation is to not update this directly - instead, please define the environment variables below and override the default behavior. The configuration is strongly typed so you can use it safely accross your codebase - it'll be validated at build time.

apps/web/src/config/app.ts

import { THEME_COLOR, THEME_MODE } from "@turbostarter/ui";
 
import { env } from "~/lib/env";
 
export const appConfig = {
  name: env.NEXT_PUBLIC_PRODUCT_NAME,
  title: env.NEXT_PUBLIC_SITE_TITLE,
  link: env.NEXT_PUBLIC_SITE_URL,
  description: env.NEXT_PUBLIC_SITE_DESCRIPTION,
  theme: {
    options: {
      modes: Object.values(THEME_MODE),
      colors: Object.values(THEME_COLOR),
    },
    default: {
      mode: THEME_MODE.SYSTEM,
      color: THEME_COLOR.ORANGE,
    },
  },
} as const;

For example, to set the product name and its description, you'd update the following variables:

.env.local

NEXT_PUBLIC_PRODUCT_NAME="TurboStarter"
NEXT_PUBLIC_SITE_DESCRIPTION="Ship your startup everywhere. In minutes."

Do NOT use process.env!

Do NOT use process.env to get the values of the variables. Variables accessed this way are not validated at build time, and thus the wrong variable can be used in production.

On this page