diff --git a/README.md b/README.md
index 067ecd91..efeab781 100644
--- a/README.md
+++ b/README.md
@@ -637,6 +637,9 @@ You can attach to locally running backend by providing `REMARK_URL` environment
 npx cross-env REMARK_URL=http://127.0.0.1:8080 npm start
 ```
 
+**Note** If you want to redefine env variables such as `PORT` on your local instance you can add `.env` file
+to `./frontend` folder and rewrite variables as you wish. For such functional we use `dotenv`
+
 The best way for start local developer environment:
 ```sh
 cp compose-dev-frontend.yml compose-private-frontend.yml
diff --git a/frontend/README.md b/frontend/README.md
index b2df769b..039f0f22 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -1,5 +1,4 @@
 # Frontend guide
-
 ### Code Style
 
 - project uses typescript to statically analyze code
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index ff31a5fe..ccbf3191 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -4957,6 +4957,12 @@
         }
       }
     },
+    "dotenv": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-8.2.0.tgz",
+      "integrity": "sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==",
+      "dev": true
+    },
     "duplexer": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index a764704f..270aa4c9 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -65,6 +65,7 @@
     "codecov": "^3.8.1",
     "cross-env": "^7.0.3",
     "css-loader": "^5.0.1",
+    "dotenv": "^8.2.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-preact-pure": "^2.2.3",
     "eslint": "^7.17.0",
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index eaeb36df..6440d6d3 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -1,5 +1,6 @@
-const path = require('path');
+require('dotenv').config();
 
+const path = require('path');
 const webpack = require('webpack');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');