Me estoy conectando a mysql DB remoto desde mi próxima aplicación con la biblioteca serverless-mysql. Para lograr eso, estoy usando un túnel SSH con la biblioteca ssh2. La aplicación funciona correctamente, pero quiero quitar las variables env de mi archivo next.conf.js para enviar el código a un repositorio público y mantener mis secretos a salvo. Mi archivo next.config.js ahora se ve así:

 module.exports = { webpack(config) { config.module.rules.push({ test: /\.svg$/, use: ["@svgr/webpack"] }); config.node = { fs: 'empty', net: 'empty', tls: 'empty' } return config; }, webpackDevMiddleware: config => { return config }, env: { SSH_PASS:'supersecretpassword', SSH_USER:'root', SSH_HOST: 'XXX.XXX.XXX.XXX', MYSQL_HOST:'127.0.0.1', MYSQL_DATABASE:'databasename', MYSQL_USERNAME:'username', MYSQL_PASSWORD:'dbpassword', GOOGLE_CLIENT_ID:'xxxxxx', GOOGLE_CLIENT_SECRET:'xxxxxx', NEXTAUTH_URL: 'http://localhost:3000/', } };

Creé un archivo llamado .env en la raíz del proyecto y agregué el siguiente contenido:

 SSH_PASS="supersecretpassword" SSH_USER="root" SSH_HOST="XXX.XXX.XXX.XXX" MYSQL_HOST="127.0.0.1" MYSQL_DATABASE="databasename" MYSQL_USERNAME="username" MYSQL_PASSWORD="dbpassword" GOOGLE_CLIENT_ID="xxxxxx" GOOGLE_CLIENT_SECRET="xxxxxx" NEXTAUTH_URL=http://localhost:3000/

Y ahora la aplicación arroja este mensaje de error cuando intenta consultar db

 sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL client'

Busqué en Google el error y probé algunas de las sugerencias como ALTERAR USUARIO y establecer una nueva contraseña. Pero creo que eso no es un problema con DB, porque funciona exactamente con la misma configuración. Puse un archivo console.log en el momento en que la aplicación se conecta a la base de datos y comprobé que el objeto de configuración que se proporciona para conectar el método es el mismo en ambos casos.

¿Hay alguna diferencia entre cargar env vars desde el archivo .env y cargarlos desde next.config.js?

¡Gracias por adelantado!