shared env variables without clientPrefix

[xmlking]

docs say the shared env variables can be used in client side react component.
will it work in even if I don't have prefix: NEXT_PUBLIC_ ?
lets say if I have following env config, can I access BASE_URL via env.BASE_URL in client component?

  shared: {
    BASE_URL: z.url(),
    NODE_ENV: z.enum(NodeEnv).default(NodeEnv.DEVELOPMENT),
  },

[Bartek532]

Hey @xmlking - thanks for asking! Basically, you can declare any variable there, but you need to ensure that it's available in both environments. That said, for most client frameworks, environment variables are injected as plain strings during the build.

The example you shared would work if you explicitly declare the variable in the env or envStrict section:

import { defineEnv } from "envin";

export default defineEnv({
  shared: {
    BASE_URL: z.url(),
  },
  env: {
     BASE_URL: process.env.NEXT_PUBLIC_BASE_URL /* using NEXT_PUBLIC here to make sure the variable will be injected to client-side code */
  }
});

Hope this helps!