Tengo un proyecto Next.js. He creado un archivo .env y uso entornos de este archivo en el archivo server.js. Pero cuando quiero llegar a estos entornos desde el componente, no puedo acceder. ¿Qué tengo que hacer?

Este es el archivo .env:

 SERVER_PORT=3000 DOMAIN=127.0.0.1 DATABASE=dburl

Este es el archivo server.js:

 require('dotenv/config') const port = process.env.SERVER_PORT || 3000 server.listen(port, (err) => { if(err) throw err console.log(`Server listen on http://127.0.0.1:${port}`) })

Este es cualquier componente de reaccionar:

 axios .get(`http://${process.env.DOMAIN}/api/improve-language`) .then(res => { ... }) .catch(err =>{ console.log(err) })