Recursos

Basic Features: Environment Variables | Next.js

next.config.js: Environment Variables | Next.js

Apuntes

• Existen dos tipos de variables de entorno en Next.js, estas se diferencian principalmente del lugar de ejecución ya sea en el navegador o en el servidor
• La forma en la que maneja Next.js las llaves es de la siguiente forma:
  • MY_VARIABLE
    • Solo disponible en el servidor (Node.js)
  • NEXT_PUBLIC_MY_VARIABLE
    • Disponible en el cliente (navegador)
• El motivo por el que Next.js requiere agregar el prefijo NEXT_PUBLIC es porque de esta manera te hace consiente que esta variable estará expuesta públicamente en el navegador

<aside> 📌 RESUMEN: Next.js administra las variables según las necesitemos en el servidor o lleguen al cliente, estas últimas implican que podrán estar expuestas en el navegador. Para hacerte consiente de la implementación de la misma requiere el prefijo NEXT_PUBLIC

</aside>