Vite

How to use Infisical to inject environment variables and secrets into a Vite app.

Prerequisites:

• Set up and add envars to Infisical Cloud
• Install the CLI

Initialize Infisical for your Vite app

# navigate to the root of your of your project 
cd /path/to/project

# then initialize Infisical
infisical init

Start your application as usual but with Infisical

infisical run -- <your application start command>

# Example
infisical run -- npm run dev

Note that for environment variables to be exposed to the client, you’ll have to prefix them with VITE_ and export them from the vite.config.js file. Read more about that here and here.