Struggling to add client-side environment variables
I am trying to add a client-side env variable to my env.mjs...
I added it to the .env file, like so:
Then I went to env.mjs and added it to
and also to the
When running the app I get:
What am I missing?
I added it to the .env file, like so:
FOO_URL=https://example.com/Then I went to env.mjs and added it to
client client: {
NEXT_PUBLIC_FOO_URL: z.string().min(1),
},and also to the
runtimeEnv runtimeEnv: {
NEXT_PUBLIC_FOO_URL: process.env.FOO_URL,
}When running the app I get:
Unhandled Runtime Error Error: Invalid environment variablesWhat am I missing?
Solution
I fixed it...
I changed the
Wasn't obvious to me tbh
I changed the
runtimeEnv runtimeEnv: {
NEXT_PUBLIC_FOO_URL: process.env.NEXT_PUBLIC_FOO_URL,
},Wasn't obvious to me tbh
