Monday, January 29th 2024
Public environment variables now display a warning
![](/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fcontentful%2Fimage%2Fe5382hct74si%2F5WTTSek7G3jthm5ewKiSBU%2F9545b0d53a3d361a109ea2f9761efff7%2FEnvironment_Variables_Warnings_Light.png&w=3840&q=95&dpl=dpl_E2GZsUUM4EyvuYCes3krYpYUWFdo)
![](/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fcontentful%2Fimage%2Fe5382hct74si%2FbqdZISogqIrS4sSmlJ44j%2F7ad5cde8867d0c1233e635fa3ef63d14%2FEnvironment_Variables_Warnings_Dark.png&w=3840&q=95&dpl=dpl_E2GZsUUM4EyvuYCes3krYpYUWFdo)
Posted by
![](/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fcontentful%2Fimage%2Fe5382hct74si%2F5WTTSek7G3jthm5ewKiSBU%2F9545b0d53a3d361a109ea2f9761efff7%2FEnvironment_Variables_Warnings_Light.png&w=3840&q=95&dpl=dpl_E2GZsUUM4EyvuYCes3krYpYUWFdo)
![](/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fcontentful%2Fimage%2Fe5382hct74si%2FbqdZISogqIrS4sSmlJ44j%2F7ad5cde8867d0c1233e635fa3ef63d14%2FEnvironment_Variables_Warnings_Dark.png&w=3840&q=95&dpl=dpl_E2GZsUUM4EyvuYCes3krYpYUWFdo)
When creating and editing Environment Variables on Vercel, you can now see hints to warn you of potentially leaking secret values to the public. This supports all frameworks that use a prefix to mark an environment variable as safe to use on the client like:
- Next.js
- Create React App
- Vue.js
- Nuxt
- Gridsome
- Gatsby
- SvelteKit
- Vite
Learn more about Environment Variables.