Deployment

Implement your own documentation website with Fumadocs.

In this guide, we gonna show you how to deploy the dashboard and marketing applications with supabase and vercel

Supabase

First deploy a supabase instance here.

Once your supabase database created push migration files from your local project using the following commands :


pnpm dlx supabase link --project-ref your-project-ref
npx supabase db push

You can find your project ref in your Supabase dashboard URL: https://supabase.com/dashboard/project/your-project-ref

Authentication provider

Go to Authentication > Sign In / Providers and fill the required field to set you oAuth providers.

For instance with google:

click on "Enable Sign in with Google"
enter your "Client IDs" and you "Client Secret (for OAuth)"
click "Skip nonce checks"
click "Save"

By default the Email provider will be enabled.

Authentication Emails

The creatorem saas kit provide premade templates to personalize the UI of your authentication email templates :

Confirm signup
Invite user
Magic Link
Change Email Address
Reset Password

Here is the required setup.

Go to Authentication > Auth Hooks.

Click on "Add a new hook" and select "Send Email hook".

Hook type select "HTTPS"

In the URL field use : https://your-domain-name.com/api/auth-hook

Require that the auth-hook api endpoint is set in your application.

Then generate a "Secret" token and keep it.

You gonna need to to set the AUTH_WEBHOOK_SECRET environment variable in the vercel dashboard.

Authentication Redirect URI

You have to specify your application url and the allowed redirect URLs once user logged in with oAuth provider.

Go to "Authentication" > "URL Configuration" and add your application url and the allowed redirect URLs.

In "Site URL" field, enter the application url where the auth feature is deployed.

In "Redirect URLs" field, enter something like this: `http://localhost:3000/auth/callback`

Expose the `kit` and `storage` database schema

Go to "Project Settings" > "Data API".

In the "Exposed schemas" field, add the `kit` and `storage` schema.

In the "Extra search path" field, add the `kit` table.

Click on "Save".

You can safely expose the kit and storage schema because their are protected by RLS policies.

Vercel

Create a project in the vercel dashboard

Once you repository selected, chose the apps/dashboard or apps/marketing path as root of the project.

Set you environment variables

Copy paste your environment variables from the .env.local file to the vercel dashboard.

You will have to set the following supabase environment variables according your previous setup :

Environment Variable	Description
NEXT_PUBLIC_SUPABASE_URL	Go to "Project Settings" > "Data API"
NEXT_PUBLIC_SUPABASE_ANON_KEY	Go to "Project Settings" > "API Keys"
SUPABASE_SERVICE_ROLE_KEY	Go to "Project Settings" > "API Keys"
SUPABASE_DATABASE_URL	To access the supabase connection instruction, go to your dashboard project and add `?showConnect=true` at the end of the url.

Use the "Transaction Pooler" method for the SUPABASE_DATABASE_URL variable.

Your SUPABASE_DATABASE_URL must look like this :

postgresql://postgres.[YOUR-PROJECT-REF]:[YOUR-PASSWORD]@[YOUR-REGION].pooler.supabase.com:6543/postgres

Benefits

Why does this kit exist ? And why should I use it ?

How is this guide?

Last updated on 10/18/2025