diff --git a/.gitignore b/.gitignore
index a99a9da85b837ce2525e86461d3ba1615c0b2d47..2c0f99430f95f9b119373fadc6850f983f242d93 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,3 +10,5 @@ tsconfig.tsbuildinfo
 # random files
 .vscode 
 .DS_Store
+.idea
+out
diff --git a/docs/plugins/bounds.md b/docs/plugins/bounds.md
index a9863e90f417737c0f37cbf9799ba3d9e4f0cf2f..ddfae4c6792359961c924c6eda48f166e1e8b2b1 100644
--- a/docs/plugins/bounds.md
+++ b/docs/plugins/bounds.md
@@ -9,7 +9,7 @@ To get bounds of the current active map, plugins can use the `getBounds` method
 
 Example of returned object:
 
-```javascript
+```
 {
   x1: 12853,
   y1: 4201,
diff --git a/next.config.js b/next.config.js
index c451e7002585f5a9b72903cac11fe8cc4c37beac..058121d99d2307422ded5ead67dc0c021d164fa2 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,6 +1,8 @@
-/** @type {import('next').NextConfig} */
+/** @type {import("next").NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  basePath: process.env.APP_PREFIX ? process.env.APP_PREFIX + '/index.html' : '',
+  assetPrefix: process.env.APP_PREFIX ? process.env.APP_PREFIX : '',
   output: 'export',
   images: {
     unoptimized: true,
diff --git a/pages/_document.tsx b/pages/_document.tsx
index eaa2d812b5c31b75f80c9a6d030a774e6aaf24e0..02f5db06cb8edf2eedcb9f835c77e8fa5edfa185 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -7,7 +7,7 @@ const Document = (): React.ReactNode => (
     <body>
       <Main />
       <NextScript />
-      <Script src="/config.js" strategy="beforeInteractive" />
+      <Script src="./config.js" strategy="beforeInteractive" />
     </body>
   </Html>
 );