Moviendo las llaves a variables de entorno

🖱 Variables de entorno en Next.js

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

📌 **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`

Si alguien tiene algún problema en correr el código les recomiendo usar la versión v14.16.1 que usa el profesor 😃