Fix: Client should auto reload after server restarts #83971

gaojude · 2025-09-19T02:22:39Z

Port the implementation from pages router to app router.
https://github.com/vercel/next.js/blob/27515900b31bfad83c3ecc65ed2e5d020ec289a6/packages/next/src/client/dev/hot-reloader/pages/websocket.ts

Closes NDX-193

ijjk · 2025-09-19T02:29:43Z

Stats from current PR

Default Build (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
buildDuration	18.5s	19.5s	⚠️ +1.1s
buildDurationCached	15.8s	13s	N/A
nodeModulesSize	452 MB	452 MB	⚠️ +90.9 kB
nextStartRea..uration (ms)	695ms	705ms	N/A

Client Bundles (main, webpack)

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
234bef07-HASH.js gzip	54.8 kB	54.8 kB	N/A
3414-HASH.js gzip	4.32 kB	4.32 kB	N/A
5194.HASH.js gzip	169 B	169 B	✓
8863-HASH.js gzip	5.32 kB	5.32 kB	N/A
9304-HASH.js gzip	46.5 kB	46 kB	N/A
framework-HASH.js gzip	57.7 kB	57.7 kB	N/A
main-app-HASH.js gzip	261 B	258 B	N/A
main-HASH.js gzip	37 kB	36.8 kB	N/A
webpack-HASH.js gzip	1.71 kB	1.71 kB	N/A
Overall change	169 B	169 B	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
polyfills-HASH.js gzip	39.4 kB	39.4 kB	✓
Overall change	39.4 kB	39.4 kB	✓

Client Pages

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
_app-HASH.js gzip	194 B	193 B	N/A
_error-HASH.js gzip	182 B	182 B	✓
amp-HASH.js gzip	502 B	507 B	N/A
css-HASH.js gzip	335 B	333 B	N/A
dynamic-HASH.js gzip	1.83 kB	1.83 kB	N/A
edge-ssr-HASH.js gzip	255 B	255 B	✓
head-HASH.js gzip	350 B	352 B	N/A
hooks-HASH.js gzip	385 B	383 B	N/A
image-HASH.js gzip	581 B	580 B	N/A
index-HASH.js gzip	257 B	259 B	N/A
link-HASH.js gzip	2.29 kB	2.29 kB	N/A
routerDirect..HASH.js gzip	320 B	318 B	N/A
script-HASH.js gzip	387 B	386 B	N/A
withRouter-HASH.js gzip	315 B	313 B	N/A
1afbb74e6ecf..834.css gzip	106 B	106 B	✓
Overall change	543 B	543 B	✓

Client Build Manifests

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
_buildManifest.js gzip	770 B	770 B	✓
Overall change	770 B	770 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
index.html gzip	524 B	523 B	N/A
link.html gzip	538 B	535 B	N/A
withRouter.html gzip	520 B	518 B	N/A
Overall change	0 B	0 B	✓

Edge SSR bundle Size

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
edge-ssr.js gzip	121 kB	121 kB	N/A
page.js gzip	242 kB	241 kB	N/A
Overall change	0 B	0 B	✓

Middleware size Overall increase ⚠️

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
middleware-b..fest.js gzip	690 B	691 B	N/A
middleware-r..fest.js gzip	156 B	155 B	N/A
middleware.js gzip	33 kB	33.2 kB	⚠️ +251 B
edge-runtime..pack.js gzip	853 B	853 B	✓
Overall change	33.8 kB	34.1 kB	⚠️ +251 B

Next Runtimes

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
app-page-exp...dev.js gzip	287 kB	286 kB	N/A
app-page-exp..prod.js gzip	157 kB	157 kB	N/A
app-page-tur...dev.js gzip	287 kB	287 kB	N/A
app-page-tur..prod.js gzip	157 kB	157 kB	N/A
app-page-tur...dev.js gzip	275 kB	275 kB	N/A
app-page-tur..prod.js gzip	151 kB	151 kB	N/A
app-page.run...dev.js gzip	274 kB	274 kB	N/A
app-page.run..prod.js gzip	151 kB	151 kB	✓
app-route-ex...dev.js gzip	70.5 kB	70.5 kB	N/A
app-route-ex..prod.js gzip	49.6 kB	49.6 kB	N/A
app-route-tu...dev.js gzip	70.5 kB	70.6 kB	N/A
app-route-tu..prod.js gzip	49.6 kB	49.6 kB	N/A
app-route-tu...dev.js gzip	69.9 kB	69.9 kB	N/A
app-route-tu..prod.js gzip	49.2 kB	49.2 kB	✓
app-route.ru...dev.js gzip	69.9 kB	69.9 kB	N/A
app-route.ru..prod.js gzip	49.2 kB	49.2 kB	✓
dist_client_...dev.js gzip	326 B	326 B	✓
dist_client_...dev.js gzip	328 B	328 B	✓
dist_client_...dev.js gzip	320 B	320 B	✓
dist_client_...dev.js gzip	318 B	318 B	✓
pages-api-tu...dev.js gzip	42.8 kB	42.9 kB	N/A
pages-api-tu..prod.js gzip	32.9 kB	32.9 kB	✓
pages-api.ru...dev.js gzip	42.8 kB	42.8 kB	N/A
pages-api.ru..prod.js gzip	32.9 kB	32.9 kB	✓
pages-turbo....dev.js gzip	53 kB	53 kB	N/A
pages-turbo...prod.js gzip	40.4 kB	40.4 kB	N/A
pages.runtim...dev.js gzip	53.2 kB	53.2 kB	N/A
pages.runtim..prod.js gzip	40.5 kB	40.6 kB	N/A
server.runti..prod.js gzip	78.1 kB	78.2 kB	N/A
Overall change	317 kB	317 kB	✓

build cache Overall increase ⚠️

	vercel/next.js canary	vercel/next.js jude/reload-after-server-restart	Change
0.pack gzip	3.15 MB	3.16 MB	⚠️ +8.68 kB
index.pack gzip	95.8 kB	96.5 kB	⚠️ +641 B
Overall change	3.25 MB	3.26 MB	⚠️ +9.32 kB

Diff details

Diff for page.js

Diff too large to display

Diff for middleware.js

Diff too large to display

Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js

@@ -611,36 +611,36 @@ self.__BUILD_MANIFEST = (function (a, b, c) {
       numHashes: NaN,
       bitArray: [],
     },
-    "/": ["static\u002Fchunks\u002Fpages\u002Findex-a7fb71e5f6213aa9.js"],
+    "/": ["static\u002Fchunks\u002Fpages\u002Findex-75ff7f75f4c9520b.js"],
     "/_error": [
-      "static\u002Fchunks\u002Fpages\u002F_error-8f4e796cc66bb887.js",
+      "static\u002Fchunks\u002Fpages\u002F_error-21398e242bebd4bd.js",
     ],
-    "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-97249b00762d04b9.js"],
+    "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-96acbf1ec5bf4dbf.js"],
     "/css": [
       "static\u002Fcss\u002Fded6b86ab9cc0a1f.css",
-      "static\u002Fchunks\u002Fpages\u002Fcss-30fd1831d1c5954d.js",
+      "static\u002Fchunks\u002Fpages\u002Fcss-f0abb8f1d5d6aafc.js",
     ],
     "/dynamic": [
-      "static\u002Fchunks\u002Fpages\u002Fdynamic-933632969493a23b.js",
+      "static\u002Fchunks\u002Fpages\u002Fdynamic-a6de0bd7312dbe87.js",
     ],
     "/edge-ssr": [
-      "static\u002Fchunks\u002Fpages\u002Fedge-ssr-fbde6d2b170ddc8a.js",
+      "static\u002Fchunks\u002Fpages\u002Fedge-ssr-8437b1c654938313.js",
     ],
-    "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-0fcabd05d9a7b019.js"],
-    "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-52423902769dcda6.js"],
+    "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-957c9636cda350bb.js"],
+    "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-48956e83e76a0b7c.js"],
     "/image": [
-      "static\u002Fchunks\u002F3414-0fcfc359d1626bc2.js",
-      "static\u002Fchunks\u002Fpages\u002Fimage-bcf65fa5afa25af3.js",
+      "static\u002Fchunks\u002F4432-80834164a4d7ec68.js",
+      "static\u002Fchunks\u002Fpages\u002Fimage-00893f08e46cefe9.js",
     ],
-    "/link": ["static\u002Fchunks\u002Fpages\u002Flink-107187295a8a4aea.js"],
+    "/link": ["static\u002Fchunks\u002Fpages\u002Flink-1312906a9876c4c3.js"],
     "/routerDirect": [
-      "static\u002Fchunks\u002Fpages\u002FrouterDirect-1422147417dba74a.js",
+      "static\u002Fchunks\u002Fpages\u002FrouterDirect-77c6ee7fa90e109b.js",
     ],
     "/script": [
-      "static\u002Fchunks\u002Fpages\u002Fscript-a68c215ba4b2c288.js",
+      "static\u002Fchunks\u002Fpages\u002Fscript-32f0c3e4bc363d50.js",
     ],
     "/withRouter": [
-      "static\u002Fchunks\u002Fpages\u002FwithRouter-0af6fb4f6ceaec8e.js",
+      "static\u002Fchunks\u002Fpages\u002FwithRouter-0a50058d9954ea8e.js",
     ],
     sortedPages: [
       "\u002F",

Diff for amp-HASH.js

@@ -1,17 +1,65 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [5034],
   {
-    /***/ 4105: /***/ (
+    /***/ 6212: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
+      __webpack_require__
+    ) => {
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ config: () => /* binding */ config,
+        /* harmony export */ default: () => /* binding */ Amp,
+        /* harmony export */
+      });
+      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7023);
+      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_amp__WEBPACK_IMPORTED_MODULE_0__
+        );
+
+      const config = {
+        amp: "hybrid",
+      };
+      function Amp(props) {
+        return (0, next_amp__WEBPACK_IMPORTED_MODULE_0__.useAmp)()
+          ? "AMP mode"
+          : "normal mode";
+      }
+
+      /***/
+    },
+
+    /***/ 7023: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(4642);
+      module.exports = __webpack_require__(9926);
+
+      /***/
+    },
+
+    /***/ 8647: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/amp",
+        function () {
+          return __webpack_require__(6212);
+        },
+      ]);
+      if (false) {
+      }
 
       /***/
     },
 
-    /***/ 4642: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9926: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -27,8 +75,8 @@
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(5977)
       );
-      const _ampcontextsharedruntime = __webpack_require__(8358);
-      const _ampmode = __webpack_require__(242);
+      const _ampcontextsharedruntime = __webpack_require__(5418);
+      const _ampmode = __webpack_require__(3494);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampmode.isInAmpMode)(
@@ -49,61 +97,13 @@
 
       /***/
     },
-
-    /***/ 5261: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/amp",
-        function () {
-          return __webpack_require__(9550);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 9550: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ config: () => /* binding */ config,
-        /* harmony export */ default: () => /* binding */ Amp,
-        /* harmony export */
-      });
-      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(4105);
-      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_amp__WEBPACK_IMPORTED_MODULE_0__
-        );
-
-      const config = {
-        amp: "hybrid",
-      };
-      function Amp(props) {
-        return (0, next_amp__WEBPACK_IMPORTED_MODULE_0__.useAmp)()
-          ? "AMP mode"
-          : "normal mode";
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(5261)
+      __webpack_exec__(8647)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for css-HASH.js

@@ -1,7 +1,14 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9813],
   {
-    /***/ 5267: /***/ (
+    /***/ 1978: /***/ (module) => {
+      // extracted by mini-css-extract-plugin
+      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
+
+      /***/
+    },
+
+    /***/ 6941: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -15,7 +22,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(6320);
+        __webpack_require__(1978);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -35,14 +42,7 @@
       /***/
     },
 
-    /***/ 6320: /***/ (module) => {
-      // extracted by mini-css-extract-plugin
-      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
-
-      /***/
-    },
-
-    /***/ 9643: /***/ (
+    /***/ 8685: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -50,7 +50,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function () {
-          return __webpack_require__(5267);
+          return __webpack_require__(6941);
         },
       ]);
       if (false) {
@@ -64,7 +64,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9643)
+      __webpack_exec__(8685)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for dynamic-HASH.js

@@ -1,17 +1,63 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2291],
   {
-    /***/ 2406: /***/ (
-      module,
-      __unused_webpack_exports,
+    /***/ 2839: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(8949);
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7765);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(7444);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
+        () =>
+          __webpack_require__
+            .e(/* import() */ 1376)
+            .then(__webpack_require__.bind(__webpack_require__, 1376))
+            .then((mod) => mod.Hello),
+        {
+          loadableGenerated: {
+            webpack: () => [/*require.resolve*/ 1376],
+          },
+        }
+      );
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+          {
+            children: [
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+                children: "testing next/dynamic size",
+              }),
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+                DynamicHello,
+                {}
+              ),
+            ],
+          }
+        );
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
 
-    /***/ 4466: /***/ (
+    /***/ 4478: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -53,7 +99,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(5977)
       );
-      const _loadablecontextsharedruntime = __webpack_require__(8452);
+      const _loadablecontextsharedruntime = __webpack_require__(5792);
       function resolve(obj) {
         return obj && obj.default ? obj.default : obj;
       }
@@ -288,63 +334,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 4545: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
-      });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(7765);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(2406);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
-        );
-
-      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
-        () =>
-          __webpack_require__
-            .e(/* import() */ 5194)
-            .then(__webpack_require__.bind(__webpack_require__, 5194))
-            .then((mod) => mod.Hello),
-        {
-          loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 5194],
-          },
-        }
-      );
-      const Page = () =>
-        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
-          {
-            children: [
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
-                children: "testing next/dynamic size",
-              }),
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                DynamicHello,
-                {}
-              ),
-            ],
-          }
-        );
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
-
-      /***/
-    },
-
-    /***/ 8452: /***/ (
+    /***/ 5792: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -371,24 +361,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 8931: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/dynamic",
-        function () {
-          return __webpack_require__(4545);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 8949: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6153: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -421,7 +394,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
         __webpack_require__(5977)
       );
       const _loadablesharedruntime = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(4466)
+        __webpack_require__(4478)
       );
       const isServerSide = "object" === "undefined";
       // Normalize loader to return the module as form { default: Component } for `React.lazy`.
@@ -521,13 +494,40 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
 
       /***/
     },
+
+    /***/ 7444: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(6153);
+
+      /***/
+    },
+
+    /***/ 9805: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/dynamic",
+        function () {
+          return __webpack_require__(2839);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(8931)
+      __webpack_exec__(9805)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for edge-ssr-HASH.js

@@ -1,24 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [676],
   {
-    /***/ 4717: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/edge-ssr",
-        function () {
-          return __webpack_require__(7776);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 7776: /***/ (
+    /***/ 170: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -37,13 +20,30 @@
 
       /***/
     },
+
+    /***/ 8079: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/edge-ssr",
+        function () {
+          return __webpack_require__(170);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(4717)
+      __webpack_exec__(8079)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for head-HASH.js

@@ -1,34 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [5350],
   {
-    /***/ 943: /***/ (
+    /***/ 1177: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(2554);
+      module.exports = __webpack_require__(8366);
 
       /***/
     },
 
-    /***/ 3829: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/head",
-        function () {
-          return __webpack_require__(4662);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 4662: /***/ (
+    /***/ 1992: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -43,7 +26,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(943);
+        __webpack_require__(1177);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -76,13 +59,30 @@
 
       /***/
     },
+
+    /***/ 8751: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/head",
+        function () {
+          return __webpack_require__(1992);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(3829)
+      __webpack_exec__(8751)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for hooks-HASH.js

@@ -1,7 +1,24 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9804],
   {
-    /***/ 2452: /***/ (
+    /***/ 2227: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/hooks",
+        function () {
+          return __webpack_require__(2770);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 2770: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -59,30 +76,13 @@
 
       /***/
     },
-
-    /***/ 6105: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/hooks",
-        function () {
-          return __webpack_require__(2452);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(6105)
+      __webpack_exec__(2227)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for link-HASH.js

@@ -1,143 +1,63 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4672],
   {
-    /***/ 1585: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "useIntersection", {
-        enumerable: true,
-        get: function () {
-          return useIntersection;
-        },
-      });
-      const _react = __webpack_require__(5977);
-      const _requestidlecallback = __webpack_require__(356);
-      const hasIntersectionObserver =
-        typeof IntersectionObserver === "function";
-      const observers = new Map();
-      const idList = [];
-      function createObserver(options) {
-        const id = {
-          root: options.root || null,
-          margin: options.rootMargin || "",
-        };
-        const existing = idList.find(
-          (obj) => obj.root === id.root && obj.margin === id.margin
-        );
-        let instance;
-        if (existing) {
-          instance = observers.get(existing);
-          if (instance) {
-            return instance;
-          }
-        }
-        const elements = new Map();
-        const observer = new IntersectionObserver((entries) => {
-          entries.forEach((entry) => {
-            const callback = elements.get(entry.target);
-            const isVisible =
-              entry.isIntersecting || entry.intersectionRatio > 0;
-            if (callback && isVisible) {
-              callback(isVisible);
-            }
-          });
-        }, options);
-        instance = {
-          id,
-          observer,
-          elements,
-        };
-        idList.push(id);
-        observers.set(id, instance);
-        return instance;
-      }
-      function observe(element, callback, options) {
-        const { id, observer, elements } = createObserver(options);
-        elements.set(element, callback);
-        observer.observe(element);
-        return function unobserve() {
-          elements.delete(element);
-          observer.unobserve(element);
-          // Destroy observer when there's nothing left to watch:
-          if (elements.size === 0) {
-            observer.disconnect();
-            observers.delete(id);
-            const index = idList.findIndex(
-              (obj) => obj.root === id.root && obj.margin === id.margin
-            );
-            if (index > -1) {
-              idList.splice(index, 1);
-            }
-          }
-        };
-      }
-      function useIntersection(param) {
-        let { rootRef, rootMargin, disabled } = param;
-        const isDisabled = disabled || !hasIntersectionObserver;
-        const [visible, setVisible] = (0, _react.useState)(false);
-        const elementRef = (0, _react.useRef)(null);
-        const setElement = (0, _react.useCallback)((element) => {
-          elementRef.current = element;
-        }, []);
-        (0, _react.useEffect)(() => {
-          if (hasIntersectionObserver) {
-            if (isDisabled || visible) return;
-            const element = elementRef.current;
-            if (element && element.tagName) {
-              const unobserve = observe(
-                element,
-                (isVisible) => isVisible && setVisible(isVisible),
-                {
-                  root: rootRef == null ? void 0 : rootRef.current,
-                  rootMargin,
-                }
-              );
-              return unobserve;
-            }
-          } else {
-            if (!visible) {
-              const idleCallback = (0,
-              _requestidlecallback.requestIdleCallback)(() => setVisible(true));
-              return () =>
-                (0, _requestidlecallback.cancelIdleCallback)(idleCallback);
-            }
-          }
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, [isDisabled, rootMargin, rootRef, visible, elementRef.current]);
-        const resetVisible = (0, _react.useCallback)(() => {
-          setVisible(false);
-        }, []);
-        return [setElement, visible, resetVisible];
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=use-intersection.js.map
+    /***/ 2783: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(5926);
 
       /***/
     },
 
-    /***/ 2621: /***/ (
-      module,
-      __unused_webpack_exports,
+    /***/ 4174: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(5410);
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7765);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(2783);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_link__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      function aLink(props) {
+        return /*#__PURE__*/ (0,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+          children: [
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
+              children: "A Link page!",
+            }),
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
+              {
+                href: "/",
+                children: "Go to /",
+              }
+            ),
+          ],
+        });
+      }
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
 
       /***/
     },
 
-    /***/ 5410: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5926: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -164,16 +84,16 @@
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
         __webpack_require__(5977)
       );
-      const _resolvehref = __webpack_require__(224);
-      const _islocalurl = __webpack_require__(7746);
-      const _formaturl = __webpack_require__(315);
-      const _utils = __webpack_require__(8709);
-      const _addlocale = __webpack_require__(6358);
-      const _routercontextsharedruntime = __webpack_require__(4095);
-      const _useintersection = __webpack_require__(1585);
-      const _getdomainlocale = __webpack_require__(8802);
-      const _addbasepath = __webpack_require__(6151);
-      const _usemergedref = __webpack_require__(9100);
+      const _resolvehref = __webpack_require__(6708);
+      const _islocalurl = __webpack_require__(6526);
+      const _formaturl = __webpack_require__(5575);
+      const _utils = __webpack_require__(3497);
+      const _addlocale = __webpack_require__(722);
+      const _routercontextsharedruntime = __webpack_require__(1235);
+      const _useintersection = __webpack_require__(8069);
+      const _getdomainlocale = __webpack_require__(9734);
+      const _addbasepath = __webpack_require__(4419);
+      const _usemergedref = __webpack_require__(6136);
       const prefetched = new Set();
       function prefetch(router, href, as, options) {
         if (false) {
@@ -495,43 +415,7 @@
       /***/
     },
 
-    /***/ 8802: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "getDomainLocale", {
-        enumerable: true,
-        get: function () {
-          return getDomainLocale;
-        },
-      });
-      const _normalizetrailingslash = __webpack_require__(1652);
-      const basePath =
-        /* unused pure expression or super */ null && (false || "");
-      function getDomainLocale(path, locale, locales, domainLocales) {
-        if (false) {
-        } else {
-          return false;
-        }
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=get-domain-locale.js.map
-
-      /***/
-    },
-
-    /***/ 9100: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6136: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -609,7 +493,7 @@
       /***/
     },
 
-    /***/ 9693: /***/ (
+    /***/ 7047: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -617,7 +501,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function () {
-          return __webpack_require__(9948);
+          return __webpack_require__(4174);
         },
       ]);
       if (false) {
@@ -626,48 +510,164 @@
       /***/
     },
 
-    /***/ 9948: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
+    /***/ 8069: /***/ (module, exports, __webpack_require__) => {
       "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(7765);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(2621);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_link__WEBPACK_IMPORTED_MODULE_1__
+      Object.defineProperty(exports, "useIntersection", {
+        enumerable: true,
+        get: function () {
+          return useIntersection;
+        },
+      });
+      const _react = __webpack_require__(5977);
+      const _requestidlecallback = __webpack_require__(3432);
+      const hasIntersectionObserver =
+        typeof IntersectionObserver === "function";
+      const observers = new Map();
+      const idList = [];
+      function createObserver(options) {
+        const id = {
+          root: options.root || null,
+          margin: options.rootMargin || "",
+        };
+        const existing = idList.find(
+          (obj) => obj.root === id.root && obj.margin === id.margin
         );
-
-      function aLink(props) {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-          children: [
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
-              children: "A Link page!",
-            }),
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
-              {
-                href: "/",
-                children: "Go to /",
-              }
-            ),
-          ],
+        let instance;
+        if (existing) {
+          instance = observers.get(existing);
+          if (instance) {
+            return instance;
+          }
+        }
+        const elements = new Map();
+        const observer = new IntersectionObserver((entries) => {
+          entries.forEach((entry) => {
+            const callback = elements.get(entry.target);
+            const isVisible =
+              entry.isIntersecting || entry.intersectionRatio > 0;
+            if (callback && isVisible) {
+              callback(isVisible);
+            }
+          });
+        }, options);
+        instance = {
+          id,
+          observer,
+          elements,
+        };
+        idList.push(id);
+        observers.set(id, instance);
+        return instance;
+      }
+      function observe(element, callback, options) {
+        const { id, observer, elements } = createObserver(options);
+        elements.set(element, callback);
+        observer.observe(element);
+        return function unobserve() {
+          elements.delete(element);
+          observer.unobserve(element);
+          // Destroy observer when there's nothing left to watch:
+          if (elements.size === 0) {
+            observer.disconnect();
+            observers.delete(id);
+            const index = idList.findIndex(
+              (obj) => obj.root === id.root && obj.margin === id.margin
+            );
+            if (index > -1) {
+              idList.splice(index, 1);
+            }
+          }
+        };
+      }
+      function useIntersection(param) {
+        let { rootRef, rootMargin, disabled } = param;
+        const isDisabled = disabled || !hasIntersectionObserver;
+        const [visible, setVisible] = (0, _react.useState)(false);
+        const elementRef = (0, _react.useRef)(null);
+        const setElement = (0, _react.useCallback)((element) => {
+          elementRef.current = element;
+        }, []);
+        (0, _react.useEffect)(() => {
+          if (hasIntersectionObserver) {
+            if (isDisabled || visible) return;
+            const element = elementRef.current;
+            if (element && element.tagName) {
+              const unobserve = observe(
+                element,
+                (isVisible) => isVisible && setVisible(isVisible),
+                {
+                  root: rootRef == null ? void 0 : rootRef.current,
+                  rootMargin,
+                }
+              );
+              return unobserve;
+            }
+          } else {
+            if (!visible) {
+              const idleCallback = (0,
+              _requestidlecallback.requestIdleCallback)(() => setVisible(true));
+              return () =>
+                (0, _requestidlecallback.cancelIdleCallback)(idleCallback);
+            }
+          }
+          // eslint-disable-next-line react-hooks/exhaustive-deps
+        }, [isDisabled, rootMargin, rootRef, visible, elementRef.current]);
+        const resetVisible = (0, _react.useCallback)(() => {
+          setVisible(false);
+        }, []);
+        return [setElement, visible, resetVisible];
+      }
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
         });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=use-intersection.js.map
+
+      /***/
+    },
+
+    /***/ 9734: /***/ (module, exports, __webpack_require__) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "getDomainLocale", {
+        enumerable: true,
+        get: function () {
+          return getDomainLocale;
+        },
+      });
+      const _normalizetrailingslash = __webpack_require__(504);
+      const basePath =
+        /* unused pure expression or super */ null && (false || "");
+      function getDomainLocale(path, locale, locales, domainLocales) {
+        if (false) {
+        } else {
+          return false;
+        }
       }
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
+        });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=get-domain-locale.js.map
 
       /***/
     },
@@ -677,7 +677,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9693)
+      __webpack_exec__(7047)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for script-HASH.js

@@ -1,7 +1,34 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [1209],
   {
-    /***/ 3699: /***/ (
+    /***/ 1008: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(2817);
+
+      /***/
+    },
+
+    /***/ 6951: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/script",
+        function () {
+          return __webpack_require__(8889);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 8889: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -16,7 +43,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(4802);
+        __webpack_require__(1008);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -48,40 +75,13 @@
 
       /***/
     },
-
-    /***/ 4802: /***/ (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      module.exports = __webpack_require__(8661);
-
-      /***/
-    },
-
-    /***/ 7861: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/script",
-        function () {
-          return __webpack_require__(3699);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(7861)
+      __webpack_exec__(6951)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for 3414-HASH.js

Diff too large to display

Diff for 8863-HASH.js

@@ -1,8 +1,33 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [8863],
+  [7009],
   {
-    /***/ 22: /***/ (module, exports, __webpack_require__) => {
+    /***/ 414: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "AmpStateContext", {
+        enumerable: true,
+        get: function () {
+          return AmpStateContext;
+        },
+      });
+      const _interop_require_default = __webpack_require__(2726);
+      const _react = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(2224)
+      );
+      const AmpStateContext = _react.default.createContext({});
+      if (false) {
+      } //# sourceMappingURL=amp-context.shared-runtime.js.map
+
+      /***/
+    },
+
+    /***/ 1912: /***/ (module, exports, __webpack_require__) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -12,7 +37,7 @@
           return useMergedRef;
         },
       });
-      const _react = __webpack_require__(2786);
+      const _react = __webpack_require__(2224);
       function useMergedRef(refA, refB) {
         const cleanupA = (0, _react.useRef)(null);
         const cleanupB = (0, _react.useRef)(null);
@@ -78,7 +103,93 @@
       /***/
     },
 
-    /***/ 639: /***/ (__unused_webpack_module, exports) => {
+    /***/ 2843: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "RouterContext", {
+        enumerable: true,
+        get: function () {
+          return RouterContext;
+        },
+      });
+      const _interop_require_default = __webpack_require__(2726);
+      const _react = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(2224)
+      );
+      const RouterContext = _react.default.createContext(null);
+      if (false) {
+      } //# sourceMappingURL=router-context.shared-runtime.js.map
+
+      /***/
+    },
+
+    /***/ 3003: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "default", {
+        enumerable: true,
+        get: function () {
+          return _default;
+        },
+      });
+      const _findclosestquality = __webpack_require__(5045);
+      function defaultLoader(param) {
+        let { config, src, width, quality } = param;
+        if (false) {
+        }
+        const q = (0, _findclosestquality.findClosestQuality)(quality, config);
+        return (
+          config.path +
+          "?url=" +
+          encodeURIComponent(src) +
+          "&w=" +
+          width +
+          "&q=" +
+          q +
+          (src.startsWith("/_next/static/media/") && false ? 0 : "")
+        );
+      }
+      // We use this to determine if the import is the default loader
+      // or a custom loader defined by the user in next.config.js
+      defaultLoader.__next_img_default = true;
+      const _default = defaultLoader; //# sourceMappingURL=image-loader.js.map
+
+      /***/
+    },
+
+    /***/ 3810: /***/ (__unused_webpack_module, exports) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "isInAmpMode", {
+        enumerable: true,
+        get: function () {
+          return isInAmpMode;
+        },
+      });
+      function isInAmpMode(param) {
+        let {
+          ampFirst = false,
+          hybrid = false,
+          hasQuery = false,
+        } = param === void 0 ? {} : param;
+        return ampFirst || (hybrid && hasQuery);
+      } //# sourceMappingURL=amp-mode.js.map
+
+      /***/
+    },
+
+    /***/ 5045: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -109,56 +220,7 @@
       /***/
     },
 
-    /***/ 936: /***/ (__unused_webpack_module, exports) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      0 && 0;
-      function _export(target, all) {
-        for (var name in all)
-          Object.defineProperty(target, name, {
-            enumerable: true,
-            get: all[name],
-          });
-      }
-      _export(exports, {
-        VALID_LOADERS: function () {
-          return VALID_LOADERS;
-        },
-        imageConfigDefault: function () {
-          return imageConfigDefault;
-        },
-      });
-      const VALID_LOADERS = [
-        "default",
-        "imgix",
-        "cloudinary",
-        "akamai",
-        "custom",
-      ];
-      const imageConfigDefault = {
-        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-        path: "/_next/image",
-        loader: "default",
-        loaderFile: "",
-        domains: [],
-        disableStaticImages: false,
-        minimumCacheTTL: 60,
-        formats: ["image/webp"],
-        dangerouslyAllowSVG: false,
-        contentSecurityPolicy: "script-src 'none'; frame-src 'none'; sandbox;",
-        contentDispositionType: "attachment",
-        localPatterns: undefined,
-        remotePatterns: [],
-        qualities: [75],
-        unoptimized: false,
-      }; //# sourceMappingURL=image-config.js.map
-
-      /***/
-    },
-
-    /***/ 1268: /***/ (__unused_webpack_module, exports) => {
+    /***/ 5218: /***/ (__unused_webpack_module, exports) => {
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
        */
@@ -212,7 +274,7 @@
       /***/
     },
 
-    /***/ 1796: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5402: /***/ (module, exports, __webpack_require__) => {
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -233,19 +295,19 @@
           return defaultHead;
         },
       });
-      const _interop_require_default = __webpack_require__(8182);
-      const _interop_require_wildcard = __webpack_require__(8319);
-      const _jsxruntime = __webpack_require__(1050);
+      const _interop_require_default = __webpack_require__(2726);
+      const _interop_require_wildcard = __webpack_require__(2527);
+      const _jsxruntime = __webpack_require__(8204);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(2786)
+        __webpack_require__(2224)
       );
       const _sideeffect = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(5581)
+        __webpack_require__(9319)
       );
-      const _ampcontextsharedruntime = __webpack_require__(3800);
-      const _headmanagercontextsharedruntime = __webpack_require__(4950);
-      const _ampmode = __webpack_require__(7824);
-      const _warnonce = __webpack_require__(2854);
+      const _ampcontextsharedruntime = __webpack_require__(414);
+      const _headmanagercontextsharedruntime = __webpack_require__(3100);
+      const _ampmode = __webpack_require__(3810);
+      const _warnonce = __webpack_require__(4504);
       function defaultHead(inAmpMode) {
         if (inAmpMode === void 0) inAmpMode = false;
         const head = [
@@ -410,7 +472,7 @@
       /***/
     },
 
-    /***/ 2843: /***/ (
+    /***/ 6745: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -424,9 +486,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(2854);
-      const _imageblursvg = __webpack_require__(1268);
-      const _imageconfig = __webpack_require__(936);
+      const _warnonce = __webpack_require__(4504);
+      const _imageblursvg = __webpack_require__(5218);
+      const _imageconfig = __webpack_require__(9278);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -858,239 +920,7 @@
       /***/
     },
 
-    /***/ 3800: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "AmpStateContext", {
-        enumerable: true,
-        get: function () {
-          return AmpStateContext;
-        },
-      });
-      const _interop_require_default = __webpack_require__(8182);
-      const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2786)
-      );
-      const AmpStateContext = _react.default.createContext({});
-      if (false) {
-      } //# sourceMappingURL=amp-context.shared-runtime.js.map
-
-      /***/
-    },
-
-    /***/ 5581: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "default", {
-        enumerable: true,
-        get: function () {
-          return SideEffect;
-        },
-      });
-      const _react = __webpack_require__(2786);
-      const isServer = "object" === "undefined";
-      const useClientOnlyLayoutEffect = isServer
-        ? () => {}
-        : _react.useLayoutEffect;
-      const useClientOnlyEffect = isServer ? () => {} : _react.useEffect;
-      function SideEffect(props) {
-        const { headManager, reduceComponentsToState } = props;
-        function emitChange() {
-          if (headManager && headManager.mountedInstances) {
-            const headElements = _react.Children.toArray(
-              Array.from(headManager.mountedInstances).filter(Boolean)
-            );
-            headManager.updateHead(
-              reduceComponentsToState(headElements, props)
-            );
-          }
-        }
-        if (isServer) {
-          var _headManager_mountedInstances;
-          headManager == null
-            ? void 0
-            : (_headManager_mountedInstances = headManager.mountedInstances) ==
-              null
-            ? void 0
-            : _headManager_mountedInstances.add(props.children);
-          emitChange();
-        }
-        useClientOnlyLayoutEffect(() => {
-          var _headManager_mountedInstances;
-          headManager == null
-            ? void 0
-            : (_headManager_mountedInstances = headManager.mountedInstances) ==
-              null
-            ? void 0
-            : _headManager_mountedInstances.add(props.children);
-          return () => {
-            var _headManager_mountedInstances;
-            headManager == null
-              ? void 0
-              : (_headManager_mountedInstances =
-                  headManager.mountedInstances) == null
-              ? void 0
-              : _headManager_mountedInstances.delete(props.children);
-          };
-        });
-        // We need to call `updateHead` method whenever the `SideEffect` is trigger in all
-        // life-cycles: mount, update, unmount. However, if there are multiple `SideEffect`s
-        // being rendered, we only trigger the method from the last one.
-        // This is ensured by keeping the last unflushed `updateHead` in the `_pendingUpdate`
-        // singleton in the layout effect pass, and actually trigger it in the effect pass.
-        useClientOnlyLayoutEffect(() => {
-          if (headManager) {
-            headManager._pendingUpdate = emitChange;
-          }
-          return () => {
-            if (headManager) {
-              headManager._pendingUpdate = emitChange;
-            }
-          };
-        });
-        useClientOnlyEffect(() => {
-          if (headManager && headManager._pendingUpdate) {
-            headManager._pendingUpdate();
-            headManager._pendingUpdate = null;
-          }
-          return () => {
-            if (headManager && headManager._pendingUpdate) {
-              headManager._pendingUpdate();
-              headManager._pendingUpdate = null;
-            }
-          };
-        });
-        return null;
-      } //# sourceMappingURL=side-effect.js.map
-
-      /***/
-    },
-
-    /***/ 7053: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "RouterContext", {
-        enumerable: true,
-        get: function () {
-          return RouterContext;
-        },
-      });
-      const _interop_require_default = __webpack_require__(8182);
-      const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2786)
-      );
-      const RouterContext = _react.default.createContext(null);
-      if (false) {
-      } //# sourceMappingURL=router-context.shared-runtime.js.map
-
-      /***/
-    },
-
-    /***/ 7281: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "default", {
-        enumerable: true,
-        get: function () {
-          return _default;
-        },
-      });
-      const _findclosestquality = __webpack_require__(639);
-      function defaultLoader(param) {
-        let { config, src, width, quality } = param;
-        if (false) {
-        }
-        const q = (0, _findclosestquality.findClosestQuality)(quality, config);
-        return (
-          config.path +
-          "?url=" +
-          encodeURIComponent(src) +
-          "&w=" +
-          width +
-          "&q=" +
-          q +
-          (src.startsWith("/_next/static/media/") && false ? 0 : "")
-        );
-      }
-      // We use this to determine if the import is the default loader
-      // or a custom loader defined by the user in next.config.js
-      defaultLoader.__next_img_default = true;
-      const _default = defaultLoader; //# sourceMappingURL=image-loader.js.map
-
-      /***/
-    },
-
-    /***/ 7480: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "ImageConfigContext", {
-        enumerable: true,
-        get: function () {
-          return ImageConfigContext;
-        },
-      });
-      const _interop_require_default = __webpack_require__(8182);
-      const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2786)
-      );
-      const _imageconfig = __webpack_require__(936);
-      const ImageConfigContext = _react.default.createContext(
-        _imageconfig.imageConfigDefault
-      );
-      if (false) {
-      } //# sourceMappingURL=image-config-context.shared-runtime.js.map
-
-      /***/
-    },
-
-    /***/ 7824: /***/ (__unused_webpack_module, exports) => {
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "isInAmpMode", {
-        enumerable: true,
-        get: function () {
-          return isInAmpMode;
-        },
-      });
-      function isInAmpMode(param) {
-        let {
-          ampFirst = false,
-          hybrid = false,
-          hasQuery = false,
-        } = param === void 0 ? {} : param;
-        return ampFirst || (hybrid && hasQuery);
-      } //# sourceMappingURL=amp-mode.js.map
-
-      /***/
-    },
-
-    /***/ 8863: /***/ (module, exports, __webpack_require__) => {
+    /***/ 7009: /***/ (module, exports, __webpack_require__) => {
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -1101,27 +931,27 @@
           return Image;
         },
       });
-      const _interop_require_default = __webpack_require__(8182);
-      const _interop_require_wildcard = __webpack_require__(8319);
-      const _jsxruntime = __webpack_require__(1050);
+      const _interop_require_default = __webpack_require__(2726);
+      const _interop_require_wildcard = __webpack_require__(2527);
+      const _jsxruntime = __webpack_require__(8204);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(2786)
+        __webpack_require__(2224)
       );
       const _reactdom = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1407)
+        __webpack_require__(1345)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1796)
+        __webpack_require__(5402)
       );
-      const _getimgprops = __webpack_require__(2843);
-      const _imageconfig = __webpack_require__(936);
-      const _imageconfigcontextsharedruntime = __webpack_require__(7480);
-      const _warnonce = __webpack_require__(2854);
-      const _routercontextsharedruntime = __webpack_require__(7053);
+      const _getimgprops = __webpack_require__(6745);
+      const _imageconfig = __webpack_require__(9278);
+      const _imageconfigcontextsharedruntime = __webpack_require__(9690);
+      const _warnonce = __webpack_require__(4504);
+      const _routercontextsharedruntime = __webpack_require__(2843);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(7281)
+        __webpack_require__(3003)
       );
-      const _usemergedref = __webpack_require__(22);
+      const _usemergedref = __webpack_require__(1912);
       // This is replaced by webpack define plugin
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
@@ -1447,5 +1277,175 @@
 
       /***/
     },
+
+    /***/ 9278: /***/ (__unused_webpack_module, exports) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      0 && 0;
+      function _export(target, all) {
+        for (var name in all)
+          Object.defineProperty(target, name, {
+            enumerable: true,
+            get: all[name],
+          });
+      }
+      _export(exports, {
+        VALID_LOADERS: function () {
+          return VALID_LOADERS;
+        },
+        imageConfigDefault: function () {
+          return imageConfigDefault;
+        },
+      });
+      const VALID_LOADERS = [
+        "default",
+        "imgix",
+        "cloudinary",
+        "akamai",
+        "custom",
+      ];
+      const imageConfigDefault = {
+        deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+        imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+        path: "/_next/image",
+        loader: "default",
+        loaderFile: "",
+        domains: [],
+        disableStaticImages: false,
+        minimumCacheTTL: 60,
+        formats: ["image/webp"],
+        dangerouslyAllowSVG: false,
+        contentSecurityPolicy: "script-src 'none'; frame-src 'none'; sandbox;",
+        contentDispositionType: "attachment",
+        localPatterns: undefined,
+        remotePatterns: [],
+        qualities: [75],
+        unoptimized: false,
+      }; //# sourceMappingURL=image-config.js.map
+
+      /***/
+    },
+
+    /***/ 9319: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "default", {
+        enumerable: true,
+        get: function () {
+          return SideEffect;
+        },
+      });
+      const _react = __webpack_require__(2224);
+      const isServer = "object" === "undefined";
+      const useClientOnlyLayoutEffect = isServer
+        ? () => {}
+        : _react.useLayoutEffect;
+      const useClientOnlyEffect = isServer ? () => {} : _react.useEffect;
+      function SideEffect(props) {
+        const { headManager, reduceComponentsToState } = props;
+        function emitChange() {
+          if (headManager && headManager.mountedInstances) {
+            const headElements = _react.Children.toArray(
+              Array.from(headManager.mountedInstances).filter(Boolean)
+            );
+            headManager.updateHead(
+              reduceComponentsToState(headElements, props)
+            );
+          }
+        }
+        if (isServer) {
+          var _headManager_mountedInstances;
+          headManager == null
+            ? void 0
+            : (_headManager_mountedInstances = headManager.mountedInstances) ==
+              null
+            ? void 0
+            : _headManager_mountedInstances.add(props.children);
+          emitChange();
+        }
+        useClientOnlyLayoutEffect(() => {
+          var _headManager_mountedInstances;
+          headManager == null
+            ? void 0
+            : (_headManager_mountedInstances = headManager.mountedInstances) ==
+              null
+            ? void 0
+            : _headManager_mountedInstances.add(props.children);
+          return () => {
+            var _headManager_mountedInstances;
+            headManager == null
+              ? void 0
+              : (_headManager_mountedInstances =
+                  headManager.mountedInstances) == null
+              ? void 0
+              : _headManager_mountedInstances.delete(props.children);
+          };
+        });
+        // We need to call `updateHead` method whenever the `SideEffect` is trigger in all
+        // life-cycles: mount, update, unmount. However, if there are multiple `SideEffect`s
+        // being rendered, we only trigger the method from the last one.
+        // This is ensured by keeping the last unflushed `updateHead` in the `_pendingUpdate`
+        // singleton in the layout effect pass, and actually trigger it in the effect pass.
+        useClientOnlyLayoutEffect(() => {
+          if (headManager) {
+            headManager._pendingUpdate = emitChange;
+          }
+          return () => {
+            if (headManager) {
+              headManager._pendingUpdate = emitChange;
+            }
+          };
+        });
+        useClientOnlyEffect(() => {
+          if (headManager && headManager._pendingUpdate) {
+            headManager._pendingUpdate();
+            headManager._pendingUpdate = null;
+          }
+          return () => {
+            if (headManager && headManager._pendingUpdate) {
+              headManager._pendingUpdate();
+              headManager._pendingUpdate = null;
+            }
+          };
+        });
+        return null;
+      } //# sourceMappingURL=side-effect.js.map
+
+      /***/
+    },
+
+    /***/ 9690: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "ImageConfigContext", {
+        enumerable: true,
+        get: function () {
+          return ImageConfigContext;
+        },
+      });
+      const _interop_require_default = __webpack_require__(2726);
+      const _react = /*#__PURE__*/ _interop_require_default._(
+        __webpack_require__(2224)
+      );
+      const _imageconfig = __webpack_require__(9278);
+      const ImageConfigContext = _react.default.createContext(
+        _imageconfig.imageConfigDefault
+      );
+      if (false) {
+      } //# sourceMappingURL=image-config-context.shared-runtime.js.map
+
+      /***/
+    },
   },
 ]);

Diff for 9304-HASH.js

Diff too large to display

Diff for main-HASH.js

Diff too large to display

Diff for app-page-exp..ntime.dev.js

failed to diff

Diff for app-page-exp..time.prod.js

Diff too large to display

Diff for app-page-tur..ntime.dev.js

failed to diff

Diff for app-page-tur..time.prod.js

Diff too large to display

Diff for app-page-tur..ntime.dev.js

failed to diff

Diff for app-page-tur..time.prod.js

Diff too large to display

Diff for app-page.runtime.dev.js

failed to diff

Diff for app-page.runtime.prod.js

Diff too large to display

Diff for app-route-ex..ntime.dev.js

Diff too large to display

Diff for app-route-tu..ntime.dev.js

Diff too large to display

Diff for app-route-tu..ntime.dev.js

Diff too large to display

Diff for app-route.runtime.dev.js

Diff too large to display

Diff for pages-api-tu..ntime.dev.js

Diff too large to display

Diff for pages-api.runtime.dev.js

Diff too large to display

Diff for pages-turbo...ntime.dev.js

Diff too large to display

Diff for pages-turbo...time.prod.js

@@ -15,5 +15,5 @@ See more info here: https://nextjs.org/docs/messages/gsp-redirect-during-prerend
 To never revalidate, you can set revalidate to \`false\` (only ran once at build-time).
 To revalidate as soon as possible, you can set the value to \`1\`.`),"__NEXT_ERROR_CODE",{value:"E311",enumerable:!1,configurable:!0});else e.revalidate>31536e3&&console.warn(`Warning: A page's revalidate option was set to more than a year for ${n.url}. This may have been done in error.
 To only run getStaticProps at build-time and not revalidate at runtime, you can set \`revalidate\` to \`false\`!`),t=e.revalidate;else throw Object.defineProperty(Error(`A page's revalidate option must be seconds expressed as a natural number for ${n.url}. Mixed numbers, such as '${e.revalidate}', cannot be used.
-Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`),"__NEXT_ERROR_CODE",{value:"E438",enumerable:!1,configurable:!0});else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Object.defineProperty(Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`),"__NEXT_ERROR_CODE",{value:"E161",enumerable:!1,configurable:!0})}else t=!1;if(h.pageProps=Object.assign({},h.pageProps,"props"in e?e.props:void 0),m.cacheControl={revalidate:t,expire:void 0},m.pageData=h,m.isNotFound)return new e1(null,{metadata:m,contentType:null})}if(S&&(h.__N_SSP=!0),S&&!q){let e,t=!1;try{e=await (0,e$.getTracer)().trace(ek.getServerSideProps,{spanName:`getServerSideProps ${o}`,attributes:{"next.route":o}},async()=>S({req:n,res:i,query:s,resolvedUrl:l.resolvedUrl,...Y?{params:O}:void 0,...!1!==p?{draftMode:!0,preview:!0,previewData:p}:void 0,locales:[...l.locales??[]],locale:l.locale,defaultLocale:l.defaultLocale})),m.cacheControl={revalidate:0,expire:void 0}}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Object.defineProperty(Error(M.UO),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Object.defineProperty(Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E516",enumerable:!1,configurable:!0});if(e.unstable_redirect)throw Object.defineProperty(Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E284",enumerable:!1,configurable:!0});if(r.length)throw Object.defineProperty(Error(rr("getServerSideProps",r)),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});if("notFound"in e&&e.notFound){if("/404"===o)throw Object.defineProperty(Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!'),"__NEXT_ERROR_CODE",{value:"E121",enumerable:!1,configurable:!0});return m.isNotFound=!0,new e1(null,{metadata:m,contentType:null})}if("redirect"in e&&"object"==typeof e.redirect&&(rn(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:tG(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),m.isRedirect=!0),t&&(e.props=await e.props),(v||K)&&!tT(o,"getServerSideProps",e.props))throw Object.defineProperty(Error("invariant: getServerSideProps did not return valid props. Please report this."),"__NEXT_ERROR_CODE",{value:"E31",enumerable:!1,configurable:!0});h.pageProps=Object.assign({},h.pageProps,e.props),m.pageData=h}if(C&&!G||m.isRedirect)return new e1(JSON.stringify(h),{metadata:m,contentType:M.U2});if(q&&(h.pageProps={}),B(i)&&!G)return e1.EMPTY;let e_=x;if(et&&Y){let e,t=(e=eR(ew(o))).startsWith("/index/")&&!A(e)?e.slice(6):"/index"!==e?e:"/";t in e_.pages&&(e_={...e_,pages:{...e_.pages,[t]:[...e_.pages[t],...e_.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e_.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let eS=({children:e})=>eu?e:(0,tb.jsx)("div",{id:"__next",children:e}),eC=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eb.err&&P)return e&&e(I,U),{html:await t7((0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})})),head:ed};if(v&&(h.router||h.Component))throw Object.defineProperty(Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props"),"__NEXT_ERROR_CODE",{value:"E230",enumerable:!1,configurable:!0});let{App:r,Component:n}="function"==typeof t?{App:I,Component:t(U)}:{App:t.enhanceApp?t.enhanceApp(I):I,Component:t.enhanceComponent?t.enhanceComponent(U):U},a=await e(r,n);return await a.allReady,{html:await eq(a),head:ed}},r={...eb,renderPage:t},n=await J(L,r);if(B(i)&&!G)return null;if(!n||"string"!=typeof n.html)throw Object.defineProperty(Error(`"${W(L)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return{docProps:n,documentCtx:r}}L.__NEXT_BUILTIN_DOCUMENT__;let n=async(e,t)=>{let r=((e,t)=>{let r=e||I,n=t||U;return eb.err&&P?(0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})}):(0,tb.jsx)(eS,{children:(0,tb.jsx)(ey,{children:rt(r,n,{...h,router:ea})})})})(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,e$.getTracer)().trace(eM.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:tP(),element:r})},a=!!L.getInitialProps,[o,s]=await Promise.all([t7((()=>{let e=el.styles();return el.flush(),(0,tb.jsx)(tb.Fragment,{children:e})})()),(async()=>{if(a){if(null===(e=await r(n)))return null;let{docProps:t}=e;return t.html}{e={};let t=await n(I,U);return await t.allReady,eq(t)}})()]);if(null===s)return null;let{docProps:l}=e||{};return a?(t=l.styles,ed=l.head):(t=el.styles(),el.flush()),{contentHTML:o+s,documentElement:e=>(0,tb.jsx)(L,{...e,...l}),head:ed,headTags:[],styles:t}};(0,e$.getTracer)().setRootSpanAttribute("next.route",l.page);let eO=await (0,e$.getTracer)().trace(ek.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>eC());if(!eO)return new e1(null,{metadata:m,contentType:M.j9});let eT=new Set,ej=new Set;for(let e of ep){let t=_[e];t&&(eT.add(t.id),t.files.forEach(e=>{ej.add(e)}))}let eA=ec.hybrid,{assetPrefix:eD,defaultLocale:eN,disableOptimizedLoading:eI,domainLocales:eF,locale:eL,locales:eU}=l,eH={__NEXT_DATA__:{props:h,page:o,query:s,buildId:u.buildId,assetPrefix:""===eD?void 0:eD,nextExport:!0===ex||void 0,autoExport:!0===et||void 0,isFallback:q,isExperimentalCompile:N,dynamicIds:0===eT.size?void 0:Array.from(eT),err:l.err?function(e,t){if(e){let e="server";return e=t[t9]||"server",{name:t.name,source:e,message:tJ()(t.message),stack:t.stack,digest:t.digest}}return{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}}(v,l.err):void 0,gsp:!!w||void 0,gssp:!!S||void 0,customServer:u.customServer,gip:!!Q||void 0,appGip:!V||void 0,locale:eL,locales:eU,defaultLocale:eN,domainLocales:eF,isPreview:!0===f||void 0,notFoundSrcPage:H&&v?H:void 0},nonce:em,buildManifest:e_,docComponentsRendered:{},dangerousAsPath:ea.asPath,canonicalBase:!l.ampPath&&eP(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:y,inAmpMode:eu,isDevelopment:!!v,hybridAmp:eA,dynamicImports:Array.from(ej),dynamicCssManifest:new Set(l.dynamicCssManifest||[]),assetPrefix:eD,unstable_runtimeJS:b.unstable_runtimeJS,unstable_JsPreload:b.unstable_JsPreload,assetQueryString:F,scriptLoader:es,locale:eL,disableOptimizedLoading:eI,head:eO.head,headTags:eO.headTags,styles:eO.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:$,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},ez=(0,tb.jsx)(tj.Provider,{value:ec,children:(0,tb.jsx)(tq.Provider,{value:eH,children:eO.documentElement(eH)})}),eX=await (0,e$.getTracer)().trace(ek.renderToString,async()=>t7(ez)),[eG,eW]=eX.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),eB="";eX.startsWith(t6)||(eB+=t6),eB+=eG,eu&&(eB+="\x3c!-- __NEXT_DATA__ --\x3e");let eJ=eB+eO.contentHTML+eW;return new e1(await a(o,eJ,l,{inAmpMode:eu,hybridAmp:eA}),{metadata:m,contentType:M.j9})}let ri=(e,t,r,n,a,i,o)=>ra(e,t,r,n,a,a,i,o),ro=tx().createContext(null);function rs(e){let t=(0,tE.useContext)(ro);t&&t(e)}class rl extends ty{constructor(e){super(e),this.components=e.components}render(e,t,r){return ra(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document},r.sharedContext,r.renderContext)}}let rc={contexts:v},ru=rl})(),module.exports=n})();
+Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`),"__NEXT_ERROR_CODE",{value:"E438",enumerable:!1,configurable:!0});else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Object.defineProperty(Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`),"__NEXT_ERROR_CODE",{value:"E161",enumerable:!1,configurable:!0})}else t=!1;if(h.pageProps=Object.assign({},h.pageProps,"props"in e?e.props:void 0),m.cacheControl={revalidate:t,expire:void 0},m.pageData=h,m.isNotFound)return new e1(null,{metadata:m,contentType:null})}if(S&&(h.__N_SSP=!0),S&&!q){let e,t=!1;try{e=await (0,e$.getTracer)().trace(ek.getServerSideProps,{spanName:`getServerSideProps ${o}`,attributes:{"next.route":o}},async()=>S({req:n,res:i,query:s,resolvedUrl:l.resolvedUrl,...Y?{params:O}:void 0,...!1!==p?{draftMode:!0,preview:!0,previewData:p}:void 0,locales:[...l.locales??[]],locale:l.locale,defaultLocale:l.defaultLocale})),m.cacheControl={revalidate:0,expire:void 0}}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Object.defineProperty(Error(M.UO),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Object.defineProperty(Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E516",enumerable:!1,configurable:!0});if(e.unstable_redirect)throw Object.defineProperty(Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E284",enumerable:!1,configurable:!0});if(r.length)throw Object.defineProperty(Error(rr("getServerSideProps",r)),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});if("notFound"in e&&e.notFound){if("/404"===o)throw Object.defineProperty(Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!'),"__NEXT_ERROR_CODE",{value:"E121",enumerable:!1,configurable:!0});return m.isNotFound=!0,new e1(null,{metadata:m,contentType:null})}if("redirect"in e&&"object"==typeof e.redirect&&(rn(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:tG(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),m.isRedirect=!0),t&&(e.props=await e.props),(v||K)&&!tT(o,"getServerSideProps",e.props))throw Object.defineProperty(Error("invariant: getServerSideProps did not return valid props. Please report this."),"__NEXT_ERROR_CODE",{value:"E31",enumerable:!1,configurable:!0});h.pageProps=Object.assign({},h.pageProps,e.props),m.pageData=h}if(C&&!G||m.isRedirect)return new e1(JSON.stringify(h),{metadata:m,contentType:M.U2});if(q&&(h.pageProps={}),B(i)&&!G)return e1.EMPTY;let e_=x;if(et&&Y){let e,t=(e=eR(ew(o))).startsWith("/index/")&&!A(e)?e.slice(6):"/index"!==e?e:"/";t in e_.pages&&(e_={...e_,pages:{...e_.pages,[t]:[...e_.pages[t],...e_.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e_.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let eS=({children:e})=>eu?e:(0,tb.jsx)("div",{id:"__next",children:e}),eC=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eb.err&&P)return e&&e(I,U),{html:await t7((0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})})),head:ed};if(v&&(h.router||h.Component))throw Object.defineProperty(Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props"),"__NEXT_ERROR_CODE",{value:"E230",enumerable:!1,configurable:!0});let{App:r,Component:n}="function"==typeof t?{App:I,Component:t(U)}:{App:t.enhanceApp?t.enhanceApp(I):I,Component:t.enhanceComponent?t.enhanceComponent(U):U},a=await e(r,n);return await a.allReady,{html:await eq(a),head:ed}},r={...eb,renderPage:t},n=await J(L,r);if(B(i)&&!G)return null;if(!n||"string"!=typeof n.html)throw Object.defineProperty(Error(`"${W(L)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return{docProps:n,documentCtx:r}}L.__NEXT_BUILTIN_DOCUMENT__;let n=async(e,t)=>{let r=((e,t)=>{let r=e||I,n=t||U;return eb.err&&P?(0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})}):(0,tb.jsx)(eS,{children:(0,tb.jsx)(ey,{children:rt(r,n,{...h,router:ea})})})})(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,e$.getTracer)().trace(eM.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:tP(),element:r})},a=!!L.getInitialProps,[o,s]=await Promise.all([t7((()=>{let e=el.styles();return el.flush(),(0,tb.jsx)(tb.Fragment,{children:e})})()),(async()=>{if(a){if(null===(e=await r(n)))return null;let{docProps:t}=e;return t.html}{e={};let t=await n(I,U);return await t.allReady,eq(t)}})()]);if(null===s)return null;let{docProps:l}=e||{};return a?(t=l.styles,ed=l.head):(t=el.styles(),el.flush()),{contentHTML:o+s,documentElement:e=>(0,tb.jsx)(L,{...e,...l}),head:ed,headTags:[],styles:t}};(0,e$.getTracer)().setRootSpanAttribute("next.route",l.page);let eO=await (0,e$.getTracer)().trace(ek.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>eC());if(!eO)return new e1(null,{metadata:m,contentType:M.j9});let eT=new Set,ej=new Set;for(let e of ep){let t=_[e];t&&(eT.add(t.id),t.files.forEach(e=>{ej.add(e)}))}let eA=ec.hybrid,{assetPrefix:eD,defaultLocale:eN,disableOptimizedLoading:eI,domainLocales:eF,locale:eL,locales:eU,runtimeConfig:eH}=l,ez={__NEXT_DATA__:{props:h,page:o,query:s,buildId:u.buildId,assetPrefix:""===eD?void 0:eD,runtimeConfig:eH,nextExport:!0===ex||void 0,autoExport:!0===et||void 0,isFallback:q,isExperimentalCompile:N,dynamicIds:0===eT.size?void 0:Array.from(eT),err:l.err?function(e,t){if(e){let e="server";return e=t[t9]||"server",{name:t.name,source:e,message:tJ()(t.message),stack:t.stack,digest:t.digest}}return{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}}(v,l.err):void 0,gsp:!!w||void 0,gssp:!!S||void 0,customServer:u.customServer,gip:!!Q||void 0,appGip:!V||void 0,locale:eL,locales:eU,defaultLocale:eN,domainLocales:eF,isPreview:!0===f||void 0,notFoundSrcPage:H&&v?H:void 0},nonce:em,buildManifest:e_,docComponentsRendered:{},dangerousAsPath:ea.asPath,canonicalBase:!l.ampPath&&eP(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:y,inAmpMode:eu,isDevelopment:!!v,hybridAmp:eA,dynamicImports:Array.from(ej),dynamicCssManifest:new Set(l.dynamicCssManifest||[]),assetPrefix:eD,unstable_runtimeJS:b.unstable_runtimeJS,unstable_JsPreload:b.unstable_JsPreload,assetQueryString:F,scriptLoader:es,locale:eL,disableOptimizedLoading:eI,head:eO.head,headTags:eO.headTags,styles:eO.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:$,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},eX=(0,tb.jsx)(tj.Provider,{value:ec,children:(0,tb.jsx)(tq.Provider,{value:ez,children:eO.documentElement(ez)})}),eG=await (0,e$.getTracer)().trace(ek.renderToString,async()=>t7(eX)),[eW,eB]=eG.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),eJ="";eG.startsWith(t6)||(eJ+=t6),eJ+=eW,eu&&(eJ+="\x3c!-- __NEXT_DATA__ --\x3e");let eK=eJ+eO.contentHTML+eB;return new e1(await a(o,eK,l,{inAmpMode:eu,hybridAmp:eA}),{metadata:m,contentType:M.j9})}let ri=(e,t,r,n,a,i,o)=>ra(e,t,r,n,a,a,i,o),ro=tx().createContext(null);function rs(e){let t=(0,tE.useContext)(ro);t&&t(e)}class rl extends ty{constructor(e){super(e),this.components=e.components}render(e,t,r){return ra(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document},r.sharedContext,r.renderContext)}}let rc={contexts:v},ru=rl})(),module.exports=n})();
 //# sourceMappingURL=pages-turbo.runtime.prod.js.map
\ No newline at end of file

Diff for pages.runtime.dev.js

Diff too large to display

Diff for pages.runtime.prod.js

@@ -15,5 +15,5 @@ See more info here: https://nextjs.org/docs/messages/gsp-redirect-during-prerend
 To never revalidate, you can set revalidate to \`false\` (only ran once at build-time).
 To revalidate as soon as possible, you can set the value to \`1\`.`),"__NEXT_ERROR_CODE",{value:"E311",enumerable:!1,configurable:!0});else e.revalidate>31536e3&&console.warn(`Warning: A page's revalidate option was set to more than a year for ${n.url}. This may have been done in error.
 To only run getStaticProps at build-time and not revalidate at runtime, you can set \`revalidate\` to \`false\`!`),t=e.revalidate;else throw Object.defineProperty(Error(`A page's revalidate option must be seconds expressed as a natural number for ${n.url}. Mixed numbers, such as '${e.revalidate}', cannot be used.
-Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`),"__NEXT_ERROR_CODE",{value:"E438",enumerable:!1,configurable:!0});else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Object.defineProperty(Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`),"__NEXT_ERROR_CODE",{value:"E161",enumerable:!1,configurable:!0})}else t=!1;if(h.pageProps=Object.assign({},h.pageProps,"props"in e?e.props:void 0),m.cacheControl={revalidate:t,expire:void 0},m.pageData=h,m.isNotFound)return new e1(null,{metadata:m,contentType:null})}if(S&&(h.__N_SSP=!0),S&&!z){let e,t=!1;try{e=await (0,e$.getTracer)().trace(ek.getServerSideProps,{spanName:`getServerSideProps ${o}`,attributes:{"next.route":o}},async()=>S({req:n,res:a,query:s,resolvedUrl:l.resolvedUrl,...Y?{params:O}:void 0,...!1!==p?{draftMode:!0,preview:!0,previewData:p}:void 0,locales:[...l.locales??[]],locale:l.locale,defaultLocale:l.defaultLocale})),m.cacheControl={revalidate:0,expire:void 0}}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Object.defineProperty(Error(M.UO),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Object.defineProperty(Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E516",enumerable:!1,configurable:!0});if(e.unstable_redirect)throw Object.defineProperty(Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E284",enumerable:!1,configurable:!0});if(r.length)throw Object.defineProperty(Error(rr("getServerSideProps",r)),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});if("notFound"in e&&e.notFound){if("/404"===o)throw Object.defineProperty(Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!'),"__NEXT_ERROR_CODE",{value:"E121",enumerable:!1,configurable:!0});return m.isNotFound=!0,new e1(null,{metadata:m,contentType:null})}if("redirect"in e&&"object"==typeof e.redirect&&(rn(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:tG(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),m.isRedirect=!0),t&&(e.props=await e.props),(v||V)&&!tj(o,"getServerSideProps",e.props))throw Object.defineProperty(Error("invariant: getServerSideProps did not return valid props. Please report this."),"__NEXT_ERROR_CODE",{value:"E31",enumerable:!1,configurable:!0});h.pageProps=Object.assign({},h.pageProps,e.props),m.pageData=h}if(C&&!G||m.isRedirect)return new e1(JSON.stringify(h),{metadata:m,contentType:M.U2});if(z&&(h.pageProps={}),B(a)&&!G)return e1.EMPTY;let e_=x;if(et&&Y){let e,t=(e=eR(ew(o))).startsWith("/index/")&&!A(e)?e.slice(6):"/index"!==e?e:"/";t in e_.pages&&(e_={...e_,pages:{...e_.pages,[t]:[...e_.pages[t],...e_.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e_.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let eS=({children:e})=>eu?e:(0,tb.jsx)("div",{id:"__next",children:e}),eC=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eb.err&&P)return e&&e(I,U),{html:await t7((0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})})),head:ed};if(v&&(h.router||h.Component))throw Object.defineProperty(Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props"),"__NEXT_ERROR_CODE",{value:"E230",enumerable:!1,configurable:!0});let{App:r,Component:n}="function"==typeof t?{App:I,Component:t(U)}:{App:t.enhanceApp?t.enhanceApp(I):I,Component:t.enhanceComponent?t.enhanceComponent(U):U},i=await e(r,n);return await i.allReady,{html:await ez(i),head:ed}},r={...eb,renderPage:t},n=await J(L,r);if(B(a)&&!G)return null;if(!n||"string"!=typeof n.html)throw Object.defineProperty(Error(`"${W(L)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return{docProps:n,documentCtx:r}}L.__NEXT_BUILTIN_DOCUMENT__;let n=async(e,t)=>{let r=((e,t)=>{let r=e||I,n=t||U;return eb.err&&P?(0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})}):(0,tb.jsx)(eS,{children:(0,tb.jsx)(ey,{children:rt(r,n,{...h,router:ei})})})})(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,e$.getTracer)().trace(eM.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:tP(),element:r})},i=!!L.getInitialProps,[o,s]=await Promise.all([t7((()=>{let e=el.styles();return el.flush(),(0,tb.jsx)(tb.Fragment,{children:e})})()),(async()=>{if(i){if(null===(e=await r(n)))return null;let{docProps:t}=e;return t.html}{e={};let t=await n(I,U);return await t.allReady,ez(t)}})()]);if(null===s)return null;let{docProps:l}=e||{};return i?(t=l.styles,ed=l.head):(t=el.styles(),el.flush()),{contentHTML:o+s,documentElement:e=>(0,tb.jsx)(L,{...e,...l}),head:ed,headTags:[],styles:t}};(0,e$.getTracer)().setRootSpanAttribute("next.route",l.page);let eO=await (0,e$.getTracer)().trace(ek.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>eC());if(!eO)return new e1(null,{metadata:m,contentType:M.j9});let ej=new Set,eT=new Set;for(let e of ep){let t=_[e];t&&(ej.add(t.id),t.files.forEach(e=>{eT.add(e)}))}let eA=ec.hybrid,{assetPrefix:eD,defaultLocale:eN,disableOptimizedLoading:eI,domainLocales:eF,locale:eL,locales:eU}=l,eq={__NEXT_DATA__:{props:h,page:o,query:s,buildId:u.buildId,assetPrefix:""===eD?void 0:eD,nextExport:!0===ex||void 0,autoExport:!0===et||void 0,isFallback:z,isExperimentalCompile:N,dynamicIds:0===ej.size?void 0:Array.from(ej),err:l.err?function(e,t){if(e){let e="server";return e=t[t9]||"server",{name:t.name,source:e,message:tJ()(t.message),stack:t.stack,digest:t.digest}}return{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}}(v,l.err):void 0,gsp:!!w||void 0,gssp:!!S||void 0,customServer:u.customServer,gip:!!Q||void 0,appGip:!K||void 0,locale:eL,locales:eU,defaultLocale:eN,domainLocales:eF,isPreview:!0===f||void 0,notFoundSrcPage:q&&v?q:void 0},nonce:em,buildManifest:e_,docComponentsRendered:{},dangerousAsPath:ei.asPath,canonicalBase:!l.ampPath&&eP(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:y,inAmpMode:eu,isDevelopment:!!v,hybridAmp:eA,dynamicImports:Array.from(eT),dynamicCssManifest:new Set(l.dynamicCssManifest||[]),assetPrefix:eD,unstable_runtimeJS:b.unstable_runtimeJS,unstable_JsPreload:b.unstable_JsPreload,assetQueryString:F,scriptLoader:es,locale:eL,disableOptimizedLoading:eI,head:eO.head,headTags:eO.headTags,styles:eO.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:$,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},eH=(0,tb.jsx)(tT.Provider,{value:ec,children:(0,tb.jsx)(tz.Provider,{value:eq,children:eO.documentElement(eq)})}),eX=await (0,e$.getTracer)().trace(ek.renderToString,async()=>t7(eH)),[eG,eW]=eX.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),eB="";eX.startsWith(t6)||(eB+=t6),eB+=eG,eu&&(eB+="\x3c!-- __NEXT_DATA__ --\x3e");let eJ=eB+eO.contentHTML+eW;return new e1(await i(o,eJ,l,{inAmpMode:eu,hybridAmp:eA}),{metadata:m,contentType:M.j9})}let ra=(e,t,r,n,i,a,o)=>ri(e,t,r,n,i,i,a,o),ro=tx().createContext(null);function rs(e){let t=(0,tE.useContext)(ro);t&&t(e)}class rl extends ty{constructor(e){super(e),this.components=e.components}render(e,t,r){return ri(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document},r.sharedContext,r.renderContext)}}let rc={contexts:v},ru=rl})(),module.exports=n})();
+Try changing the value to '${Math.ceil(e.revalidate)}' or using \`Math.ceil()\` if you're computing the value.`),"__NEXT_ERROR_CODE",{value:"E438",enumerable:!1,configurable:!0});else if(!0===e.revalidate)t=1;else if(!1===e.revalidate||void 0===e.revalidate)t=!1;else throw Object.defineProperty(Error(`A page's revalidate option must be seconds expressed as a natural number. Mixed numbers and strings cannot be used. Received '${JSON.stringify(e.revalidate)}' for ${n.url}`),"__NEXT_ERROR_CODE",{value:"E161",enumerable:!1,configurable:!0})}else t=!1;if(h.pageProps=Object.assign({},h.pageProps,"props"in e?e.props:void 0),m.cacheControl={revalidate:t,expire:void 0},m.pageData=h,m.isNotFound)return new e1(null,{metadata:m,contentType:null})}if(S&&(h.__N_SSP=!0),S&&!z){let e,t=!1;try{e=await (0,e$.getTracer)().trace(ek.getServerSideProps,{spanName:`getServerSideProps ${o}`,attributes:{"next.route":o}},async()=>S({req:n,res:a,query:s,resolvedUrl:l.resolvedUrl,...Y?{params:O}:void 0,...!1!==p?{draftMode:!0,preview:!0,previewData:p}:void 0,locales:[...l.locales??[]],locale:l.locale,defaultLocale:l.defaultLocale})),m.cacheControl={revalidate:0,expire:void 0}}catch(e){throw"object"==typeof e&&null!==e&&"name"in e&&"message"in e&&"ENOENT"===e.code&&delete e.code,e}if(null==e)throw Object.defineProperty(Error(M.UO),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});e.props instanceof Promise&&(t=!0);let r=Object.keys(e).filter(e=>"props"!==e&&"redirect"!==e&&"notFound"!==e);if(e.unstable_notFound)throw Object.defineProperty(Error(`unstable_notFound has been renamed to notFound, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E516",enumerable:!1,configurable:!0});if(e.unstable_redirect)throw Object.defineProperty(Error(`unstable_redirect has been renamed to redirect, please update the field to continue. Page: ${o}`),"__NEXT_ERROR_CODE",{value:"E284",enumerable:!1,configurable:!0});if(r.length)throw Object.defineProperty(Error(rr("getServerSideProps",r)),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});if("notFound"in e&&e.notFound){if("/404"===o)throw Object.defineProperty(Error('The /404 page can not return notFound in "getStaticProps", please remove it to continue!'),"__NEXT_ERROR_CODE",{value:"E121",enumerable:!1,configurable:!0});return m.isNotFound=!0,new e1(null,{metadata:m,contentType:null})}if("redirect"in e&&"object"==typeof e.redirect&&(rn(e.redirect,n,"getServerSideProps"),e.props={__N_REDIRECT:e.redirect.destination,__N_REDIRECT_STATUS:tG(e.redirect)},void 0!==e.redirect.basePath&&(e.props.__N_REDIRECT_BASE_PATH=e.redirect.basePath),m.isRedirect=!0),t&&(e.props=await e.props),(v||V)&&!tj(o,"getServerSideProps",e.props))throw Object.defineProperty(Error("invariant: getServerSideProps did not return valid props. Please report this."),"__NEXT_ERROR_CODE",{value:"E31",enumerable:!1,configurable:!0});h.pageProps=Object.assign({},h.pageProps,e.props),m.pageData=h}if(C&&!G||m.isRedirect)return new e1(JSON.stringify(h),{metadata:m,contentType:M.U2});if(z&&(h.pageProps={}),B(a)&&!G)return e1.EMPTY;let e_=x;if(et&&Y){let e,t=(e=eR(ew(o))).startsWith("/index/")&&!A(e)?e.slice(6):"/index"!==e?e:"/";t in e_.pages&&(e_={...e_,pages:{...e_.pages,[t]:[...e_.pages[t],...e_.lowPriorityFiles.filter(e=>e.includes("_buildManifest"))]},lowPriorityFiles:e_.lowPriorityFiles.filter(e=>!e.includes("_buildManifest"))})}let eS=({children:e})=>eu?e:(0,tb.jsx)("div",{id:"__next",children:e}),eC=async()=>{let e,t;async function r(e){let t=async(t={})=>{if(eb.err&&P)return e&&e(I,U),{html:await t7((0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})})),head:ed};if(v&&(h.router||h.Component))throw Object.defineProperty(Error("'router' and 'Component' can not be returned in getInitialProps from _app.js https://nextjs.org/docs/messages/cant-override-next-props"),"__NEXT_ERROR_CODE",{value:"E230",enumerable:!1,configurable:!0});let{App:r,Component:n}="function"==typeof t?{App:I,Component:t(U)}:{App:t.enhanceApp?t.enhanceApp(I):I,Component:t.enhanceComponent?t.enhanceComponent(U):U},i=await e(r,n);return await i.allReady,{html:await ez(i),head:ed}},r={...eb,renderPage:t},n=await J(L,r);if(B(a)&&!G)return null;if(!n||"string"!=typeof n.html)throw Object.defineProperty(Error(`"${W(L)}.getInitialProps()" should resolve to an object with a "html" prop set with a valid html string`),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return{docProps:n,documentCtx:r}}L.__NEXT_BUILTIN_DOCUMENT__;let n=async(e,t)=>{let r=((e,t)=>{let r=e||I,n=t||U;return eb.err&&P?(0,tb.jsx)(eS,{children:(0,tb.jsx)(P,{})}):(0,tb.jsx)(eS,{children:(0,tb.jsx)(ey,{children:rt(r,n,{...h,router:ei})})})})(e,t);return await function({ReactDOMServer:e,element:t,streamOptions:r}){return(0,e$.getTracer)().trace(eM.renderToReadableStream,async()=>e.renderToReadableStream(t,r))}({ReactDOMServer:tP(),element:r})},i=!!L.getInitialProps,[o,s]=await Promise.all([t7((()=>{let e=el.styles();return el.flush(),(0,tb.jsx)(tb.Fragment,{children:e})})()),(async()=>{if(i){if(null===(e=await r(n)))return null;let{docProps:t}=e;return t.html}{e={};let t=await n(I,U);return await t.allReady,ez(t)}})()]);if(null===s)return null;let{docProps:l}=e||{};return i?(t=l.styles,ed=l.head):(t=el.styles(),el.flush()),{contentHTML:o+s,documentElement:e=>(0,tb.jsx)(L,{...e,...l}),head:ed,headTags:[],styles:t}};(0,e$.getTracer)().setRootSpanAttribute("next.route",l.page);let eO=await (0,e$.getTracer)().trace(ek.renderDocument,{spanName:`render route (pages) ${l.page}`,attributes:{"next.route":l.page}},async()=>eC());if(!eO)return new e1(null,{metadata:m,contentType:M.j9});let ej=new Set,eT=new Set;for(let e of ep){let t=_[e];t&&(ej.add(t.id),t.files.forEach(e=>{eT.add(e)}))}let eA=ec.hybrid,{assetPrefix:eD,defaultLocale:eN,disableOptimizedLoading:eI,domainLocales:eF,locale:eL,locales:eU,runtimeConfig:eq}=l,eH={__NEXT_DATA__:{props:h,page:o,query:s,buildId:u.buildId,assetPrefix:""===eD?void 0:eD,runtimeConfig:eq,nextExport:!0===ex||void 0,autoExport:!0===et||void 0,isFallback:z,isExperimentalCompile:N,dynamicIds:0===ej.size?void 0:Array.from(ej),err:l.err?function(e,t){if(e){let e="server";return e=t[t9]||"server",{name:t.name,source:e,message:tJ()(t.message),stack:t.stack,digest:t.digest}}return{name:"Internal Server Error.",message:"500 - Internal Server Error.",statusCode:500}}(v,l.err):void 0,gsp:!!w||void 0,gssp:!!S||void 0,customServer:u.customServer,gip:!!Q||void 0,appGip:!K||void 0,locale:eL,locales:eU,defaultLocale:eN,domainLocales:eF,isPreview:!0===f||void 0,notFoundSrcPage:q&&v?q:void 0},nonce:em,buildManifest:e_,docComponentsRendered:{},dangerousAsPath:ei.asPath,canonicalBase:!l.ampPath&&eP(n,"didStripLocale")?`${l.canonicalBase||""}/${l.locale}`:l.canonicalBase,ampPath:y,inAmpMode:eu,isDevelopment:!!v,hybridAmp:eA,dynamicImports:Array.from(eT),dynamicCssManifest:new Set(l.dynamicCssManifest||[]),assetPrefix:eD,unstable_runtimeJS:b.unstable_runtimeJS,unstable_JsPreload:b.unstable_JsPreload,assetQueryString:F,scriptLoader:es,locale:eL,disableOptimizedLoading:eI,head:eO.head,headTags:eO.headTags,styles:eO.styles,crossOrigin:l.crossOrigin,optimizeCss:l.optimizeCss,nextConfigOutput:l.nextConfigOutput,nextScriptWorkers:l.nextScriptWorkers,runtime:$,largePageDataBytes:l.largePageDataBytes,nextFontManifest:l.nextFontManifest,experimentalClientTraceMetadata:l.experimental.clientTraceMetadata},eX=(0,tb.jsx)(tT.Provider,{value:ec,children:(0,tb.jsx)(tz.Provider,{value:eH,children:eO.documentElement(eH)})}),eG=await (0,e$.getTracer)().trace(ek.renderToString,async()=>t7(eX)),[eW,eB]=eG.split("<next-js-internal-body-render-target></next-js-internal-body-render-target>",2),eJ="";eG.startsWith(t6)||(eJ+=t6),eJ+=eW,eu&&(eJ+="\x3c!-- __NEXT_DATA__ --\x3e");let eV=eJ+eO.contentHTML+eB;return new e1(await i(o,eV,l,{inAmpMode:eu,hybridAmp:eA}),{metadata:m,contentType:M.j9})}let ra=(e,t,r,n,i,a,o)=>ri(e,t,r,n,i,i,a,o),ro=tx().createContext(null);function rs(e){let t=(0,tE.useContext)(ro);t&&t(e)}class rl extends ty{constructor(e){super(e),this.components=e.components}render(e,t,r){return ri(e,t,r.page,r.query,r.renderOpts,{App:this.components.App,Document:this.components.Document},r.sharedContext,r.renderContext)}}let rc={contexts:v},ru=rl})(),module.exports=n})();
 //# sourceMappingURL=pages.runtime.prod.js.map
\ No newline at end of file

Diff for server.runtime.prod.js

Diff too large to display

Commit: 60bfa28

packages/next/src/client/dev/hot-reloader/app/web-socket.ts

ijjk · 2025-09-19T04:06:27Z

Tests Passed

devjiwonchoi · 2025-09-19T12:39:48Z

I'm seeing this error before reloading, ~~and also, Pages + Webpack is not covered~~. Will send commits to fix

This reverts commit a9dcb38. Pages Router already has recovery logic for webpack in src/client/dev/hot-reloader/pages/hot-reloader-pages.ts 1. Reconnect → SYNC message with new hash 2. SYNC handler → handleSuccess() → tryApplyUpdatesWebpack() 3. HMR attempt → module.hot.check() → module.hot.apply() 4. HMR fails (server lost state) → error 5. Error handler → performFullReload() → window.location.reload() TL;DR: Hash change → Try HMR → Fail → Reload

packages/next/src/client/dev/hot-reloader/app/web-socket.ts

vercel · 2025-09-22T14:20:28Z

packages/next/src/client/dev/hot-reloader/app/web-socket.ts

+        if (
+          message.type === HMR_MESSAGE_SENT_TO_BROWSER.SYNC &&
+          'hash' in message
+        ) {
+          // If we had previously reconnected and the hash changed, the server may have restarted
+          if (
+            mostRecentCompilationHash !== null &&
+            mostRecentCompilationHash !== message.hash
+          ) {
+            window.location.reload()
+            reloading = true


The webpack compilation hash-based server restart detection will trigger page reloads on every HMR update, completely breaking hot module replacement functionality.

View Details

📝 Patch Details

diff --git a/packages/next/src/client/dev/hot-reloader/app/web-socket.ts b/packages/next/src/client/dev/hot-reloader/app/web-socket.ts index d9cfe24c22..5d10ccec8f 100644 --- a/packages/next/src/client/dev/hot-reloader/app/web-socket.ts +++ b/packages/next/src/client/dev/hot-reloader/app/web-socket.ts @@ -21,7 +21,6 @@ import { InvariantError } from '../../../../shared/lib/invariant-error' let reconnections = 0 let reloading = false let serverSessionId: number | null = null -let mostRecentCompilationHash: string | null = null export function createWebSocket( assetPrefix: string, @@ -91,22 +90,10 @@ export function createWebSocket( serverSessionId = message.data.sessionId } - // Track webpack compilation hash for server restart detection - if ( - message.type === HMR_MESSAGE_SENT_TO_BROWSER.SYNC && - 'hash' in message - ) { - // If we had previously reconnected and the hash changed, the server may have restarted - if ( - mostRecentCompilationHash !== null && - mostRecentCompilationHash !== message.hash - ) { - window.location.reload() - reloading = true - return - } - mostRecentCompilationHash = message.hash - } + // Note: Webpack compilation hash changes on every HMR update, so it cannot be used + // for server restart detection. Server restart detection is handled by the Turbopack + // session ID mechanism above. Removing this logic to prevent unnecessary page reloads + // that break hot module replacement functionality. processMessage( message,

Analysis

Webpack compilation hash breaks HMR with unnecessary page reloads

What fails: App router HMR triggers full page reload on every file change instead of hot module replacement due to compilation hash comparison in packages/next/src/client/dev/hot-reloader/app/web-socket.ts lines 95-105

How to reproduce:

Create Next.js app with App Router (not Turbopack)

Start development server with next dev

Make any change to a component file

Observe full page reload instead of HMR

Result: Every file change triggers window.location.reload() because webpack generates new compilation hash on every build, breaking hot module replacement functionality

Expected: HMR should update modules without full page reload, similar to pages router implementation which stores hash but doesn't use it for immediate reload triggers

Root cause: Code compares mostRecentCompilationHash !== message.hash and treats normal HMR updates as server restarts. Webpack compilation hash changes on every compilation including normal HMR updates, making it inappropriate for server restart detection.

No, it doesn't, HMR updates are BUILDING & BUILT. SYNC is only at the initial connection.

ijjk · 2025-09-22T18:35:25Z

test/development/app-hmr/server-restart.test.ts

+    })
+
+    const appPort = next.appPort
+    await next.destroy()


Can do next.stop() and next.start() instead so it doesn't have to do full teardown and setup again

I think it's intentional to create a whole new instance, like we do in HMR tests:

next.js/test/development/basic/hmr/run-basic-hmr-test.util.ts

Lines 94 to 104 in e24a542

await next.destroy()

let reloadPromise = new Promise((resolve) => {

browser.on('request', (req) => {

if (req.url().endsWith('/hmr/about')) {

resolve(req.url())

}

})

})

const secondNext = await createNext({

ijjk · 2025-09-22T18:35:37Z

packages/next/src/client/dev/hot-reloader/app/web-socket.ts

+      reconnections++
+
+      // After 25 reconnects we'll want to reload the page as it indicates the dev server is no longer running.
+      if (reconnections > 25) {


Why after 25 reconnects, that seems like it's more delayed than we need as that would wait to reload until after 25 * 5s each retry delay so over 2 minutes

How about half that and do 12?

Yeah, can do 12. FYI, this logic is copied from the pages router. Shall we change both?

Ya we should share a constant to keep them in sync

Co-authored-by: JJ Kasper <jj@jjsweb.site>

packages/next/src/lib/constants.ts

ijjk added created-by: Next.js team PRs by the Next.js team. tests type: next labels Sep 19, 2025

gaojude force-pushed the jude/reload-after-server-restart branch from e774bb3 to ed85531 Compare September 19, 2025 02:51

ijjk added the create-next-app Related to our CLI tool for quickly starting a new Next.js application. label Sep 19, 2025

gaojude changed the title ~~Reload after next config change in App Router~~ Fix: Client should auto reload after server restarts Sep 19, 2025

gaojude force-pushed the jude/reload-after-server-restart branch from ed85531 to dbbb80f Compare September 19, 2025 02:57

vercel bot reviewed Sep 19, 2025

View reviewed changes

packages/next/src/client/dev/hot-reloader/app/web-socket.ts Show resolved Hide resolved

vercel deleted a comment from ijjk Sep 19, 2025

Client should auto reload after server restarts

c18a6c1

gaojude force-pushed the jude/reload-after-server-restart branch from dbbb80f to c18a6c1 Compare September 19, 2025 03:59

vercel deleted a comment from ijjk Sep 19, 2025

move createProcessTurbopackMessage outside

8ca1718

eps1lon requested a review from unstubbable September 19, 2025 13:02

devjiwonchoi added 3 commits September 19, 2025 15:27

remove hadReconnected

a4c1d11

apply to pages router

a9dcb38

devjiwonchoi requested a review from timneutkens September 19, 2025 14:03

devjiwonchoi mentioned this pull request Sep 19, 2025

wip: reconnect hmr #83818

Closed

vercel bot reviewed Sep 19, 2025

View reviewed changes

packages/next/src/client/dev/hot-reloader/app/web-socket.ts Outdated Show resolved Hide resolved

move timer outside of init

96914cd

vercel bot reviewed Sep 22, 2025

View reviewed changes

packages/next/src/client/dev/hot-reloader/app/web-socket.ts Show resolved Hide resolved

add webSocket check before send message

30387c7

vercel bot reviewed Sep 22, 2025

View reviewed changes

devjiwonchoi requested a review from ijjk September 22, 2025 18:30

ijjk reviewed Sep 22, 2025

View reviewed changes

add max reconnections

60bfa28

Co-authored-by: JJ Kasper <jj@jjsweb.site>

vercel bot reviewed Sep 22, 2025

View reviewed changes

packages/next/src/lib/constants.ts Show resolved Hide resolved

devjiwonchoi requested a review from ijjk September 22, 2025 23:47

ijjk approved these changes Sep 23, 2025

View reviewed changes

devjiwonchoi merged commit 8f162b1 into canary Sep 23, 2025
292 of 294 checks passed

devjiwonchoi deleted the jude/reload-after-server-restart branch September 23, 2025 05:45

github-actions bot added the locked label Oct 10, 2025

github-actions bot locked as resolved and limited conversation to collaborators Oct 10, 2025

	await next.destroy()

	let reloadPromise = new Promise((resolve) => {
	browser.on('request', (req) => {
	if (req.url().endsWith('/hmr/about')) {
	resolve(req.url())
	}
	})
	})

	const secondNext = await createNext({

Fix: Client should auto reload after server restarts #83971

Fix: Client should auto reload after server restarts #83971

Uh oh!

Conversation

gaojude commented Sep 19, 2025 • edited by devjiwonchoi Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ijjk commented Sep 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Stats from current PR

Uh oh!

Uh oh!

ijjk commented Sep 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Tests Passed

Uh oh!

devjiwonchoi commented Sep 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Uh oh!

Uh oh!

vercel bot Sep 22, 2025

Choose a reason for hiding this comment

Analysis

Webpack compilation hash breaks HMR with unnecessary page reloads

Uh oh!

devjiwonchoi Sep 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

ijjk Sep 22, 2025

Choose a reason for hiding this comment

Uh oh!

devjiwonchoi Sep 22, 2025

Choose a reason for hiding this comment

Uh oh!

ijjk Sep 22, 2025

Choose a reason for hiding this comment

Uh oh!

devjiwonchoi Sep 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

ijjk Sep 22, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

gaojude commented Sep 19, 2025 •

edited by devjiwonchoi

Loading

ijjk commented Sep 19, 2025 •

edited

Loading

ijjk commented Sep 19, 2025 •

edited

Loading

devjiwonchoi commented Sep 19, 2025 •

edited

Loading

devjiwonchoi Sep 22, 2025 •

edited

Loading

devjiwonchoi Sep 22, 2025 •

edited

Loading