astro/packages/integrations/mdx/test/fixtures/mdx-vite-env-vars/src/pages/vite-env-vars.mdx

title
Let's talk about my import.meta.env.SITE

export const modeWorks = import.meta.env.MODE === 'production' ? 'MODE works' : 'MODE does not work!';

export const unknownVar = import.meta.env.UNKNOWN_VAR;

About my import.meta.env.SITE

My import.meta.env.SITE is so cool, I can put env variables in code!

const site = import.meta.env.SITE;

But I can use import.meta.env properly too

I can compute my site, for example: {new URL('/blog/cool-post', import.meta.env.SITE)}

I can also use import.meta.env in variable exports: {modeWorks}

I can also use import.meta.env.UNKNOWN_VAR through exports: "{unknownVar}"

I can also use vars as HTML attributes: