Astro Env Vars

astro-env-vars.md

• Install @snowpack/plugin-dotenv

  npm i --save @snowpack/plugin-dotenv
  

• Configure Astro via astro.config.mjs to use @snowpack/plugin-dotenv

  plugins: [
    "@snowpack/plugin-dotenv",
  ],

• Expose Env Vars via Snowpack's snowpack.config.mjs. Vars must be prefixed with SNOWPACK_PUBLIC_

  export default {
    env: {
      SNOWPACK_PUBLIC_API_BASEURL: 'https://myapi.example.org/',
    },
  };

• Access the Env Vars on the __SNOWPACK_ENV__ object

  const res = await fetch(`${__SNOWPACK_ENV__.SNOWPACK_PUBLIC_API_BASEURL}/events`);