Un terreno algo desconocido para mí, pero estoy tratando de establecer un banner en mi página que diga "Entorno actual: REVISIÓN" o "Entorno actual: ESCENARIO" según la fase de mi proceso de implementación en Heroku.

Actualmente, tengo variables de entorno en Heroku como esta: CURRENT_ENV: REVIEW . Sin embargo, cuando trato de acceder a las variables con la lógica a continuación, aparecen como indefinidas en mi aplicación implementada. Tengo curiosidad por saber cuál es el enfoque adecuado para configurar correctamente estas variables para que mi aplicación tenga la capacidad de detectar si está en revisión o en preparación.

_app.ts

 const getCurrentEnv = (): string => { console.log(process.env.NEXT_PUBLIC_CURRENT_ENV, process.env.CURRENT_ENV); // while deployed on heroku logs: PRODUCTION, undefined return process.env.NEXT_PUBLIC_CURRENT_ENV === 'DEVELOPMENT' ? process.env.NEXT_PUBLIC_CURRENT_ENV : process.env.CURRENT_ENV; };

.env.producción

 NEXT_PUBLIC_CURRENT_ENV="PRODUCTION"

.env.desarrollo

 NEXT_PUBLIC_CURRENT_ENV="DEVELOPMENT"