Skip to main content
GLAC Quote Tool uses Supabase as its backend for user authentication, persistent quote storage, and Edge Functions that power integrations with Zoho Mail, VTiger CRM, and Jira Service Management. Connecting a Supabase project takes only a few minutes and unlocks the full feature set for your team.

​
Two operating modes

The tool runs in one of two modes depending on whether valid Supabase credentials are detected at startup.
ModeIndicatorQuote storageAuthenticationIntegrations
Demo ModeOrange “⚠️ Demo Mode (LocalStorage)” badgeBrowser only — cleared when the tab closesSingle shared loginNone
Supabase ModeGreen ”✅ Supabase Mode” badgePersistent in SupabaseIndividual user accountsZoho Mail, VTiger, Jira
In Demo Mode, all quote data is stored only in the current browser session. Closing or refreshing the tab permanently deletes any quotes created. Do not use Demo Mode for real client work.

​
Connect to Supabase

1

Create a Supabase project

Go to supabase.com and sign in. Click New project, choose your organization, give the project a name, and set a database password. Wait for the project to finish provisioning (usually under two minutes).
2

Copy your project credentials

In your Supabase dashboard, open Project Settings → API. Copy the following two values:
  • Project URL — looks like https://your-project-ref.supabase.co
  • Project API Keys → anon / public — a long JWT string starting with eyJ
Keep these values handy for the next step.
3

Add the credentials to your environment

Open your .env file at the root of the project (copy .env.example if you haven’t already) and set the two required variables:
VITE_SUPABASE_URL=https://your-project-ref.supabase.co
VITE_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
If you are deploying to a hosting platform such as Netlify or Vercel, add these same key–value pairs through the platform’s environment variables settings panel instead of a local .env file.
4

Restart the app

Stop the running server and start it again so the new environment variables are picked up at build time:
npm run dev
If you are on a hosted platform, trigger a new deployment after saving the environment variables.
5

Verify the connection

Open the app in your browser and look at the top-right corner of the screen. The mode indicator should now show a green ✅ Supabase Mode badge.If the badge still shows orange ⚠️ Demo Mode, do a hard refresh to clear the browser cache:
  • Windows / Linux: Ctrl + Shift + R
  • Mac: Cmd + Shift + R
If the indicator remains in Demo Mode after a hard refresh, double-check that both VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY are set correctly and that the app was restarted or redeployed after the change.
The mode indicator is your primary signal that the Supabase connection is active. Any quotes you create while the indicator shows green are saved to your Supabase project and accessible to all team members with an account.