Buy nowGet update
  • getting started
    • Introduction
    • Quick start
    • Mock server
    • Deployment
    • Package & license
    • Setup
    • Figma
  • theme UI
    • Colors
    • Typography
    • IconsNEW
    • Shadows
    • Css vars
    • Logo
    • Layout
    • Navigation
    • Settings
  • Global
    • Styles
    • Config
    • Components overrides
  • development
    • Routing
    • Subfolder
    • Authentication
    • Environment variables
    • Api calls
    • Multi language
    • Structure
    • Clean project
    • Dependencies
    • Tailwind
    • Migrate to CRA
    • Credit assets
  • support
    • 🔵 Update
    • 🔴 Faqs & support
    • 🟣 Changelogv7.4.0
© All rights reserved.ContactHome

Environment variables

Learn how to use environment variables in different frameworks.


Next.js
  • Use the prefix: NEXT_PUBLIC_
  • Next.js – environment variables
.env
NEXT_PUBLIC_MAP=
NEXT_PUBLIC_WEBSITE_URL=

Usage
process.env.NEXT_PUBLIC_MAP;
process.env.NEXT_PUBLIC_WEBSITE_URL;
Vite.js
  • Use the prefix: VITE_
  • Vite.js – environment variables
.env
VITE_MAP=
VITE_WEBSITE_URL=

Usage
import.meta.env.VITE_MAP;
import.meta.env.VITE_WEBSITE_URL;
Create React App
  • Use the prefix: REACT_APP_.
  • CRA – environment variables
.env
REACT_APP_MAP=
REACT_APP_WEBSITE_URL=

Usage
process.env.REACT_APP_MAP;
process.env.REACT_APP_WEBSITE_URL;