Skip to main content
Environment variables let you store API keys, secrets, and configuration values that your website’s code needs at runtime. They are stored securely and injected into your website during build and deployment.

​
How to manage environment variables

1

Open the website dashboard

Go to the chat where your website was built. Click the Dashboard tab, then select Secrets from the sidebar.
2

Add a variable

Click Add and enter a key-value pair. The key is the variable name (for example, GOOGLE_MAPS_API_KEY) and the value is the secret.
Website dashboard Secrets tab showing a list of environment variables with masked values, edit buttons, and a delete button

The Secrets section showing environment variables with add, edit, and delete controls.

3

Save

Click Save. The variable is written to your website’s .env.local file. If your website is already published, the variable is also applied to the live deployment automatically.

​
Protected variables

Some environment variables are managed by Runable and cannot be edited or deleted. These are set up automatically when your website is created: These are marked with a protected indicator in the dashboard and cannot be modified.

​
When to add environment variables

  • Third-party API keys (Google Maps, SendGrid, Twilio, etc.)
  • Feature flags or configuration toggles
  • External service credentials
  • Any secret your website backend needs at runtime
Never hardcode API keys or secrets in your website’s source code. Always use environment variables. The agent follows this practice automatically, but if you are adding integrations manually, put secrets here.

​
Visibility

Variable values are masked by default in the dashboard. Click the eye icon to reveal a value. Click the copy button to copy it to your clipboard.

​
What you cannot do

  • You cannot edit protected variables. They are managed by Runable.
  • You cannot access environment variables from client-side (frontend) code unless the key starts with VITE_. This is a Vite security feature.
  • You cannot import variables from a file. Add them one at a time through the dashboard.

​
Next steps

Website Analytics

Track visitors and events on your deployed site.

SEO

Configure meta tags, Open Graph, and social previews.