How to Set Supabase Environment Variables in nuxt.config.ts

nuxt4

Here's a clear and helpful post you can use for your query on Supabase:

Hello,

I'm experiencing an issue while running my Nuxt application in Docker. While

npm run dev

npm run dev

and

npm run build

npm run build

work perfectly fine locally, I encounter an error when trying to run it in Docker.

Docker Command:

docker run -p 3000:3000 --env-file .\.env image_name

docker run -p 3000:3000 --env-file .\.env image_name

Current Configuration in
nuxt.config.ts
nuxt.config.ts
:

export default defineNuxtConfig({
    supabase: {
        url: process.env.SUPABASE_URL,
        key: process.env.SUPABASE_KEY,
        secretKey: process.env.SUPABASE_SECRET_KEY
    }
});

export default defineNuxtConfig({
    supabase: {
        url: process.env.SUPABASE_URL,
        key: process.env.SUPABASE_KEY,
        secretKey: process.env.SUPABASE_SECRET_KEY
    }
});

Contents of
.env
.env
:

SUPABASE_URL=...
SUPABASE_KEY=....
SUPABASE_SECRET_KEY=....

SUPABASE_URL=...
SUPABASE_KEY=....
SUPABASE_SECRET_KEY=....

Error Message:

Your project's URL and Key are required to create a Supabase client! Check your Supabase project's API settings to find these values https://supabase.com/dashboard/project/_/settings/api

Your project's URL and Key are required to create a Supabase client! Check your Supabase project's API settings to find these values https://supabase.com/dashboard/project/_/settings/api

Questions:

1. Are there any specific settings or configurations needed to ensure that the environment variables are accessible in Docker?
2. Could there be an issue with how Docker is passing the environment variables to my application?

Any guidance or suggestions to resolve this issue would be greatly appreciated!

Thank you!

Nuxt•5d ago•

8 replies

Asher

How to Set Supabase Environment Variables in nuxt.config.ts

nuxt4

Here's a clear and helpful post you can use for your query on Supabase:

Hello,

I'm experiencing an issue while running my Nuxt application in Docker. While

npm run dev

npm run dev

and

npm run build

npm run build

work perfectly fine locally, I encounter an error when trying to run it in Docker.

Docker Command:

docker run -p 3000:3000 --env-file .\.env image_name

docker run -p 3000:3000 --env-file .\.env image_name

Current Configuration in
nuxt.config.ts
nuxt.config.ts
:

export default defineNuxtConfig({
    supabase: {
        url: process.env.SUPABASE_URL,
        key: process.env.SUPABASE_KEY,
        secretKey: process.env.SUPABASE_SECRET_KEY
    }
});

export default defineNuxtConfig({
    supabase: {
        url: process.env.SUPABASE_URL,
        key: process.env.SUPABASE_KEY,
        secretKey: process.env.SUPABASE_SECRET_KEY
    }
});

Contents of
.env
.env
:

SUPABASE_URL=...
SUPABASE_KEY=....
SUPABASE_SECRET_KEY=....

SUPABASE_URL=...
SUPABASE_KEY=....
SUPABASE_SECRET_KEY=....

Error Message:

Your project's URL and Key are required to create a Supabase client! Check your Supabase project's API settings to find these values https://supabase.com/dashboard/project/_/settings/api

Your project's URL and Key are required to create a Supabase client! Check your Supabase project's API settings to find these values https://supabase.com/dashboard/project/_/settings/api

How to Set Supabase Environment Variables in nuxt.config.ts

Questions:

Similar Threads

How to Set Supabase Environment Variables in nuxt.config.ts

Questions:

Similar Threads

Similar Threads

Similar Threads