This documentation is for a legacy version of Next.js Supabase. For the latest version, please visit the Next.js Supabase Turbo documentation

Branding

A unique branding is essential to any SaaS. Learn how to update your Makerkit application branding.

Most of the branding details of your SaaS will be stored in the main configuration file of your application. This file is located at src/configurations.ts.

The site object contains most of your branding details. You can update the following properties:

site: { name: 'Awesomely - Your SaaS Title', description: 'Your SaaS Description', themeColor: '#ffffff', themeColorDark: '#0a0a0a', siteUrl: process.env.NEXT_PUBLIC_SITE_URL, siteName: 'Awesomely', twitterHandle: '', githubHandle: '', language: 'en', convertKitFormId: '', locale: process.env.NEXT_PUBLIC_DEFAULT_LOCALE, },
  1. The name and description properties will be used in the meta tags of your application
  2. The themeColor and themeColorDark properties will be used to update the color of the browser bar on mobile devices.
  3. The siteName property is a short version of your SaaS title, without the subtitle.
  4. The twitterHandle and githubHandle properties will be used to link to your social media accounts (if you have any).
  5. The locale property is the default language of your application
  6. The language property is deprecated and will be removed in a future version of Makerkit. Please use the locale property instead.
  7. The convertKitFormId property is used to link your application to your ConvertKit account if you use the Newsletter form.

Design Branding

Please refer to the Theming section to learn how to update the design of your application.


Subscribe to our Newsletter
Get the latest updates about React, Remix, Next.js, Firebase, Supabase and Tailwind CSS