Questions tagged [environment-variables]
Environment variables consist of a collection of unique named values that possess the power to influence the behavior of active processes on a computer.
After integrating this library from https://github.com/motdotla/dotenv into my project, I encountered an issue while using a private RSA key stored in .env to sign a JWT. Upon signing the JWT, I was faced with the following error message: error:0906D066:P ...
When using the Pages router in NextJS, there are various ways to access environment variables at runtime (such as tools like react-env/next-runtime-env). Additionally, environment variables can be accessed in getStaticProps. For more information, check out ...
My goal is to run 2 instances of the NextJS app on the same machine with different configurations and ports. The first instance runs on port 3000, while the second runs on port 3001, and this setup functions correctly with the commands: next dev next de ...
Recently, I encountered an issue while trying to establish a connection to my MongoDB database. Despite following the instructions in my learning modules, I was unable to make it work using the provided code snippet: const mongoose = require('mongoose'); ...
How can I retrieve an environment variable in my Next.js application and pass the data into datadogRum.init? // _app.tsx import React from "react"; import { useEffect } from "react"; import type { AppProps } from "next/app"; ...
Working on a Windows machine, I have a pre-written package.json file for an app that needs to be modified. Specifically, I need to change the NODE_PORT environment variable within the package.json file. The package.json contains multiple scripts that are ...
I'm encountering an issue with the dotenv package. Here's the structure of my application folder: |_app_folder |_app.js |_password.env |_package.json Even though I have installed dotenv, the process.env variables are always u ...
I currently have two .env files set up: NEXT_PUBLIC_BASE_URL=http://localhost:3000 One is a simple .env file and the other is a .env.local file. NEXT_PUBLIC_BASE_URL=http://localhost:3000 Within my project, I am utilizing the new nextjs app folder struct ...
I recently posted a question on Stack Overflow having a similar issue. I followed the instructions provided in the answer of this post: How to get access to Kubernetes container environment variables from Next.js application?. However, even after calling m ...
I currently have a .gitlab-ci.yml file set up to build my Vue application. The process involves building once and then deploying the dist folder to different environments: stages: - build - deploy_dev - deploy_stg - deploy_prd build: image: no ...
While working on my Next.js web application with next-auth for authentication, I came across a warning message in the development console. The message is related to reloading the environment from the .env.local file and compiling certain modules within the ...
From my understanding, environment variables that start with NEXT_PUBLIC_ will be replaced with their values in the final bundle. Is it considered secure to include sensitive information like API keys and OAuth secrets using NEXT_PUBLIC_* variables, or is ...
Currently, I am working on a Vue.js project where I have a .env.development file with various VUE_APP_* environment variables. Despite changing the values of some variables, the Vue.js code continues to reference the previous values. I have attempted mult ...
Current Environment: Utilizing NextJs, React, and VsCode Noticing a problem with syntax highlighting in my VSCODE editor. I have installed the following extensions: ENV DotEnv As per suggestions, I updated my json configuration file as follows: " ...
I am facing an issue with my NextJS application that connects to a database through the API. During development, I store my environment variables in a .env file which contains the host, port, username, password, and database details. When I run npm run dev ...
Working on an older application, I've encountered a challenge where the API endpoint URL varies depending on the system. Currently, my package.json file looks like this: "start": "cross-env API_ENDPOINT=http://localhost:5000/api/v1 react-scripts start" ...
After setting up my Angular project with webpack in version 1.7, everything runs smoothly locally when I execute the npm run build task to launch webpack. However, I encountered an issue when trying to set up a plan for continuous integration using bamboo ...
After setting up a new web application using create-react-app (CRA), I find myself in need of incorporating environment files to configure different endpoints. While CRA comes equipped with the handy dotenv package, there is a slight hiccup - I prefer to h ...
Embarking on my journey into expressjs app development, I find myself in the midst of configuring my application according to different environments. I stumbled upon tools like 'node-env-file' and 'cross-env', but their usage seems a bi ...
I've been grappling with this issue for quite some time now: In my standard NextJS app, I'm utilizing environment variables (such as NEXT_PUBLIC_MY_VAR for the client side and MY_OTHER_VAR for the server side). I'm using Gitlab's CI-C ...
I am looking for a way to easily check if my code is running in development mode, and based on that information, do things like passing the Redux DevTools Enhancer to the Redux store. I know I can use process.env.NODE_ENV for this purpose, but I find it ...
I currently have two different .env files, one named development.json and the other called production.json. These files contain various environment variables structured like this: { "env": { "baseUrl": "test.com", ...
Currently utilizing NextJS version 10.0.9, I have established an .env.development.local file at the project's root directory, following the guidelines outlined in the official documentation. The contents of this file are as follows: API_SERVER=http:// ...
I recently developed a website using Next 13 (an experimental app directory) and integrated authentication with Clerk. While everything runs smoothly on my local environment, once deployed to Netlify, the site fails to load. Upon checking the console, I e ...
I have recently completed a vanilla Laravel-React project. You can find the project reference in the following hyperlink: https://github.com/napolev/laravel-react-vanilla In this particular project, I decided to use SQLite instead of MySQL. However, I a ...
Within my React application, I have stored my firebaseConfig object in an environment file called ".env.local" within the src folder. However, I am encountering an error indicating that the API key cannot be found. How can I troubleshoot and resolve this ...
I recently integrated Google Analytics into my website. It was functioning properly in my local environment, but once I moved the API key to an .env.local file and added the environment variable on Vercel for deployment, it started showing "no data avail ...
There's something I'm not sure about, I'd like to create a variable called @ads in the view files so that whenever @ads is used, it would call a specific div element: <div class="ads"> @if(condition) some block of codes... ...
I am currently developing a web application that focuses on automating CRUD tasks on Amazon. This includes the ability for users to delete and add addresses on their Amazon account. To automate these tasks, I am utilizing Selenium WebDriver with a Mozilla ...
Despite trying numerous solutions, I am still unable to make it work. My aim is to store some values in a .env file within my Vue app. However, when attempting to log process.env from within the component, it returns an empty object. Contents of my .env f ...
After successfully deploying a Next.js site to Google App Engine, I am trying to figure out how to pass an env_variable to app.yaml in order to set up a production and staging build. Despite going through the GAE documentation, I can't seem to find a ...
While examining someone else's code, I noticed this particular line. if (process.env.NODE_ENV === 'production') { ... The application in question is a node.js app with express server and reactjs front-end. If we were to deploy it on Heroku, would the NOD ...
Seeking guidance on creating a unique Terraform AWS lambda module that will include default environment variables for all lambdas, with the flexibility to add custom env variables to individual lambdas using a variable. I currently have a setup like this ...
Currently, I am in the process of deploying a NextJs project using Vercel and integrating Kinde for authentication purposes. Kinde requires a specific environment variable to be set: KINDE_SITE_URL:http://localhost:300 // Value in local .env file In my V ...
Is there a way to dynamically set an environmental variable within a Node.js file execution? I am looking for something like this: process.env['VARIABLE'] = 'value'; Currently, I am running the JS file in terminal using a module whe ...
I am currently facing an issue while trying to add an environment variable inside the .env file in my Nuxt project. The version of Nuxt.js I am using is 2.15.3 Below is a snippet from my nuxt.config.js: export default { publicRuntimeConfig: { baseU ...
What is the best way to integrate custom environment variables into my Electron application? I need to securely store API keys and other sensitive information without hardcoding them directly into the code. My app is built with Vue and Electron. To tackle ...
Exploring the realms of next-auth and prisma is an exciting journey for me as a newcomer. As I ventured into integrating them for authentication on a website, everything seemed to function seamlessly in development mode. However, upon attempting to sign in ...
While attempting to deploy my Angular 4 app on both Firebase and Heroku for production, I encountered the following error: ERROR in /Users/.../... (57,49): Property 'firebase' does not exist on type '{ production: boolean; }'. This issue arises when ru ...
For my Next.JS app, I utilized environment variables. These variables are set as the system's environment variables since it is a dockerized nextjs app. # in terminal echo $NEXT_PUBLIC_KEY_NAME # >> value of key Surprisingly, process.env.NEXT_PUBLIC ...
Upon setting up a fresh next.js project using npx create-next-app@latest and configuring some environment variables in the .env.local file, I encountered an error when attempting to run the server. "Failed to load env from .env.local TypeError: Cannot ...
I am currently developing a basic application that utilizes the Google Maps API and Darksky API. To keep my API keys secure, I have implemented dotenv for key management. I have successfully integrated dotenv in my main file (app.js), but now I need to a ...
In my Angular v5 project, I have a situation where I need to adjust the import path based on the environment. For example, I have an OwnedSetContractABI file located in different folders for each environment - dev and production. In dev environment, the ...
Recently, I took over a Vue application that utilizes axios. Within the dataService.js file, it retrieves URLs from a project's .env file using process.env.FOO_BAR for GET requests. The pre-existing key-value pairs such as VUE_APP_DATA_URL function proper ...
I am currently facing a challenge with my Angular application where I am attempting to define the environment variable from an external source, specifically from a docker compose file. For reference, I found an article that addresses this issue: docker-c ...
Currently, I am developing a NestJS application that interacts with a postgres database using TypeORM. During the development phase (npm run start:debug), everything functions perfectly. However, when I proceed to build the application with npm run build a ...
Exploring the proper way to access a .env file in my project has been on my mind. One of the developers I'm collaborating with mentioned that everything is configured, and all I need to do is create a .env file at the root. This is how the function is cur ...
Hey there everyone! I'm facing a challenge that I could use some help with. Our setup involves using a NextJS app with SSR as our Frontend for services, and we're looking to deploy everything on AWS App Runner using docker images. The problem we're encount ...
Is it possible to modify the .env and the created nuxt app in order to detect any modifications, allowing for distinct variables for each server? ...
Struggling to install Ratchet using Composer, I used the installer.exe to set up Composer. However, when I run the following line in CMD, I encounter an error: C:\1>php "C:/programData/ComposerSetup/bin/composer.phar" require cboden/ratchet [Err ...
Imagine I have an API test and the URL and Credentials are different between production and development environments: before("Authenticate with auth token", async () => { await spec().post(`${baseUrl}/auth`) .withBody( { ...
After developing an application using NodeJS that interacts with multiple third-party paid services via their API, I've taken precautions by refraining from committing the file containing these valuable API keys to my repository. However, as I prepare ...
When working on a project, .env files are essential for storing environment variables. I am exploring the possibility of programmatically modifying an .env file and it seems like using JSON (in a .json file) would be much simpler. Imagine having a file ca ...
After some tweaking, I managed to make it work partially by assuming that the local variations could only replace already defined structures. This means that I had to initially define the data sources 'DynamoDB' and 'mongo' in datasourc ...
Looking for a way to change the script at the bottom of an index.html file in an Angular app based on an environment variable in Node? The goal is to use one public API key for staging and another for production. Using the same grunt build for both stages ...
Running the command 'npm run coverage' in an Azure DevOps Build pipeline requires 2 environment variables to be available for successful completion. Previously, the NPM Task was used for this purpose but it doesn't support passing environme ...
I have a React Application that needs to be deployed to Cloud Foundry and I am looking for a way to segregate the development, staging, and production environments. The challenge is that React only provides .env.development for running the application usin ...
Incorporating Svelte + SvelteKit for a Node.js hosted web app Is there a way to utilize the .env file or another type of configuration file when building the production version of the SvelteKit project? I have certain values that need to be adjustable dur ...
After following a tutorial to set up the ChatGPT API with Python, utilizing the original documentation provided at , I successfully completed all the necessary steps outlined. Following the recommendation to 'Setup your API key for all projects,' ...
I'm having trouble accessing an environmental variable from my local .env file in one of my turbo packages. Every time I try to use it, it returns as undefined. My project is using Turbo to manage a monorepo and is built with Next.js/React/Typescript. ...
I am new to Nuxt or any type of node technology. I am attempting to create different environments for various scenarios. For example, if I want to test my app, I would like the dev object block to run (pointing to a dev endpoint). Here is an example: [ p ...
Is it secure to save secret environment variables in Azure Function App's Application settings and reference them in NodeJS code as process.env.API_AI_ACCESS_TOKEN? If someone accesses the public repository and runs the code, will they be able to access m ...
I am in the process of developing a react-app that integrates with Firebase. The typical setup for credentials is as follows: const firebaseConfig = { apiKey: ..., authDomain: ..., projectId: ..., storageBucket: ..., messagingSenderId: ...
I'm currently facing an issue with fetching and utilizing environment variables from a .env file in my Node.js application while running it locally using dotenv. Due to security concerns, I cannot commit the .env file to GitHub. When deploying the app to ...
Transitioning from Ruby on Rails to NextJS has been a bit challenging, especially when it comes to understanding how environment variables work on the Vercel platform. I followed the recommendations in the NextJS documentation to set up environment variabl ...
I am encountering an issue with my NextJS application and ExpressJS server combination when trying to use environment variables in the Sequelize ORM for database configuration. It seems like the env variables are not being set at the right time, as they ap ...
Unfortunately, I've hit a roadblock with this seemingly simple question and can't seem to find the answer. I'm having trouble accessing environment variables in a specific file. I am using create-react-app (^16.11.0) The .env file is loca ...
When initializing a pre-existing Next.js project, it's often overlooked to generate and set up the .env file (or .env.local or equivalent). It would be beneficial if, upon server startup, there could be a check to ensure that essential variables are n ...
One of the key components in my project is using an environment variable like this: process.env.GOOGLE_MAPS_API This variable holds a Google API key which is crucial for rendering maps. However, I'm facing an issue with the following code snippet: expor ...
I've been diving into the official documentation, but haven't come across any information regarding environment variables. While there are community projects that offer support for this feature, they seem a bit excessive for my needs. I'm cu ...
Working with a client on a static website project using Next.js and hosted on Vercel. The site doesn't require a database, but the client wants to integrate an Instagram gallery on two pages. However, the design is custom, so embedding code won't ...
Within my package.json file, I have the following section (NOT BASH, NOT SH, NOT ZSHELL, NOT FISH). Now that we've established this is indeed my package.json file, let me showcase its contents: package.json "scripts": { "dev": "NODE_ENV=myValue myP ...
At times, I find myself wanting to conceal a URL link while utilizing the GET or POST method. In my experience with react apps, I was able to hide the URL by using REACT_APP_. Now, I am curious if I can achieve the same results in a Next.js APP by using NE ...
I'm currently working on a Node.js server and in my service files, I am fetching the URL for requests from a custom config.json file that I have created. However, I am facing an issue where I need to use different URLs for development and production enviro ...
Currently, I have a Linux VM (Linux Lite 4) that is running PHP. To customize my environment, I am using the following command in the terminal: export MYVAR=bar Afterwards, I am able to verify the variable locally by using echo $MYVAR, which outputs bar. ...