Code Editor

View & Edit your project’s code directly in Ideavo

Code Editor helps you to view & edit your project’s raw code directly in the Ideavo app.

info

Code Editing is only available on paid plans however environmental variables can be edited irrespective of the plan being used.

Environment variables

Environment variables are key-value settings that your app reads from the platform at run time instead of hard-coding them in code. They’re used for secrets, per-environment config, and toggles.

Why use them

• Security: keep secrets (API keys, DB passwords) out of source code.
• Portability: same code runs in dev / staging / prod with different settings.
• Configurability: change behaviour without redeploying code.

How to access Environment Variables on Ideavo

1. Open Code View

   • On the navigation bar (left corner), toggle to Code View.
   • This view allows you to inspect and edit project files, including environment variables.

2. Locate Environment Variables

   • Inside Code View, navigate to the “.env” variable editor section (page opens by default in the code view).
   • You will see existing variables listed with their keys and values.

3. Unlock Editing Mode

   • On the top-right corner of the page, click the Eye button.
   • A notification will appears if edit mode is not enabled redirecting to the eye button to make required changes.
   warning

   If the eye button is not pressed, the page remains locked and cannot be edited.

4. Make Changes

   • Add, modify, or remove environment variables as required.

Points to be remembered

• Environment variables are stored securely and injected at runtime.
• The eye button acts as a safety lock, preventing accidental edits when browsing code.
• Never expose sensitive values directly in client-side code. Keep them in environment variables to maintain security.
• Eye button acts as a safety lock - environment variables remain encrypted and hidden by default, preventing accidental exposure (e.g., during screen sharing).