The starter project comes with two different environment variables files:
- .env: the main environment file
- .env.test: this environment file is loaded when running the Cypress E2E tests. You would rarely need to use this.
NB: the .env
file is never committed to the repository. This is because it
contains sensitive information, such as API keys. Instead, we use a .env. template
file to show what the .env
file should look like.
The environment variables for the Remix Supabase kit look like the below:
DEFAULT_LOCALE=en
SITE_URL=http://localhost:3000
# set the below to "production" in your production environment
ENVIRONMENT=development
# SUPABASE
SUPABASE_URL=http://localhost:54321
SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
# STRIPE
STRIPE_WEBHOOK_SECRET=
STRIPE_SECRET_KEY=
# TESTING EMAILS. MAKE AN ACCOUNT ON ETHEREAL AND ADD THE CREDENTIALS BELOW. THIS IS ONLY FOR DEVELOPMENT.
ETHEREAL_EMAIL=
ETHEREAL_PASSWORD=
# SERCET KEY TO SIGN SECRETS. REPLACE THE BELOW WITH A RANDOM AND COMPLEX STRING. KEEPT IT SAFE.
SECRET_KEY=123456789
Define your environment variables in your hosting provider
NB: Remix will not bundle environment variables when building your app, but only during development mode.
Instead, you will need to define them in your hosting provider (such as your Vercel project settings).