diff --git a/packages/bonde-public/next.config.js b/packages/bonde-public/next.config.js
index <HASH>..<HASH> 100644
--- a/packages/bonde-public/next.config.js
+++ b/packages/bonde-public/next.config.js
@@ -1,8 +1,15 @@
+const { parsed: localEnv } = require('dotenv').config()
+const webpack = require('webpack')
 const withSass = require('@zeit/next-sass')
 const withCSS = require('@zeit/next-css')
 
 module.exports = withCSS(withSass({
     webpack: (config) => {
+      // config environment by .env
+      config.plugins.push(
+        new webpack.EnvironmentPlugin(localEnv)
+      )
+      // url-loader
       config.module.rules.push({
         test: /\.(png|svg|eot|otf|ttf|woff|woff2)$/,
         use: {
chore(public): config dotenv with next