diff --git a/renderer/next.config.js b/renderer/next.config.js
index 60e1d31c..e2bd7265 100644
--- a/renderer/next.config.js
+++ b/renderer/next.config.js
@@ -1,10 +1,17 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
+  output: 'export',
+  distDir:
+    process.env.NODE_ENV === 'production'
+      ? // we want to change `distDir` to "../app" so as nextron can build the app in production mode!
+        '../app'
+      : // default `distDir` value
+        '.next',
   trailingSlash: true,
   images: {
-    unoptimized: true,
+    unoptimized: true
   },
-  webpack: (config) => {
+  webpack: config => {
     return config
-  },
+  }
 }