diff --git a/examples/_template/js/main/background.js b/examples/_template/js/main/background.js
index aa95b431..7cbf5805 100644
--- a/examples/_template/js/main/background.js
+++ b/examples/_template/js/main/background.js
@@ -19,7 +19,7 @@ if (isProd) {
   });
 
   if (isProd) {
-    await mainWindow.loadURL('app://./home.html');
+    await mainWindow.loadURL('app://./home');
   } else {
     const port = process.argv[2];
     await mainWindow.loadURL(`http://localhost:${port}/home`);
diff --git a/examples/_template/ts/main/background.ts b/examples/_template/ts/main/background.ts
index c8d28ffd..018d0461 100644
--- a/examples/_template/ts/main/background.ts
+++ b/examples/_template/ts/main/background.ts
@@ -19,7 +19,7 @@ if (isProd) {
   });
 
   if (isProd) {
-    await mainWindow.loadURL('app://./home.html');
+    await mainWindow.loadURL('app://./home');
   } else {
     const port = process.argv[2];
     await mainWindow.loadURL(`http://localhost:${port}/home`);
diff --git a/examples/basic-javascript/renderer/next.config.js b/examples/basic-javascript/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/basic-javascript/renderer/next.config.js
+++ b/examples/basic-javascript/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/basic-typescript/renderer/next.config.js b/examples/basic-typescript/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/basic-typescript/renderer/next.config.js
+++ b/examples/basic-typescript/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/custom-build-options/renderer/next.config.js b/examples/custom-build-options/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/custom-build-options/renderer/next.config.js
+++ b/examples/custom-build-options/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/custom-main-entry/renderer/next.config.js b/examples/custom-main-entry/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/custom-main-entry/renderer/next.config.js
+++ b/examples/custom-main-entry/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/custom-renderer-port/renderer/next.config.js b/examples/custom-renderer-port/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/custom-renderer-port/renderer/next.config.js
+++ b/examples/custom-renderer-port/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/ipc-communication/main/background.js b/examples/ipc-communication/main/background.js
index ca2f7e83..4b8df0cb 100644
--- a/examples/ipc-communication/main/background.js
+++ b/examples/ipc-communication/main/background.js
@@ -19,7 +19,7 @@ if (isProd) {
   })
 
   if (isProd) {
-    await mainWindow.loadURL('app://./home.html')
+    await mainWindow.loadURL('app://./home')
   } else {
     const port = process.argv[2]
     await mainWindow.loadURL(`http://localhost:${port}/home`)
diff --git a/examples/ipc-communication/renderer/next.config.js b/examples/ipc-communication/renderer/next.config.js
index a046706a..661d1047 100644
--- a/examples/ipc-communication/renderer/next.config.js
+++ b/examples/ipc-communication/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer';
diff --git a/examples/store-data/main/background.js b/examples/store-data/main/background.js
index 108f4b39..fced62cb 100644
--- a/examples/store-data/main/background.js
+++ b/examples/store-data/main/background.js
@@ -20,7 +20,7 @@ if (isProd) {
   })
 
   if (isProd) {
-    await mainWindow.loadURL('app://./home.html')
+    await mainWindow.loadURL('app://./home')
   } else {
     const port = process.argv[2]
     await mainWindow.loadURL(`http://localhost:${port}/home`)
diff --git a/examples/store-data/renderer/next.config.js b/examples/store-data/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/store-data/renderer/next.config.js
+++ b/examples/store-data/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/with-ant-design/renderer/next.config.js b/examples/with-ant-design/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/with-ant-design/renderer/next.config.js
+++ b/examples/with-ant-design/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/with-chakra-ui/renderer/next.config.js b/examples/with-chakra-ui/renderer/next.config.js
index 9823aadc..b4bd175d 100644
--- a/examples/with-chakra-ui/renderer/next.config.js
+++ b/examples/with-chakra-ui/renderer/next.config.js
@@ -1,12 +1,13 @@
 module.exports = {
   trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
     }
+
     return config
   },
-  images: {
-    unoptimized: true,
-  },
 }
diff --git a/examples/with-emotion/renderer/next.config.js b/examples/with-emotion/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/with-emotion/renderer/next.config.js
+++ b/examples/with-emotion/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/with-material-ui/renderer/next.config.js b/examples/with-material-ui/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/with-material-ui/renderer/next.config.js
+++ b/examples/with-material-ui/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'
diff --git a/examples/with-tailwindcss/renderer/next.config.js b/examples/with-tailwindcss/renderer/next.config.js
index 8fcb4d18..b4bd175d 100644
--- a/examples/with-tailwindcss/renderer/next.config.js
+++ b/examples/with-tailwindcss/renderer/next.config.js
@@ -1,4 +1,8 @@
 module.exports = {
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.target = 'electron-renderer'