Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Load beforeInteractive scripts properly without blocking hydration #41164

Merged
merged 16 commits into from Oct 9, 2022

Conversation

shuding
Copy link
Member

@shuding shuding commented Oct 4, 2022

This PR ensures that for the app directory, beforeInteractive, afterInteractive and lazyOnload scripts via next/script are properly supported.

For both beforeInteractive and afterInteractive scripts, a preload link tag needs to be injected by Float. For beforeInteractive scripts and Next.js' polyfills, they need to be manually executed in order before starting the Next.js' runtime, without blocking the downloading of HTML and other scripts.

This PR doesn't include the worker type of scripts yet.

Note: in this PR I changed the inlined flight data __next_s to __next_f, and use __next_s for scripts data, because I can't find a better name for next/script that is also short at the same time.

Bug

  • Related issues linked using fixes #number
  • Integration tests added
  • Errors have a helpful link attached, see contributing.md

Feature

  • Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
  • Related issues linked using fixes #number
  • Integration tests added
  • Documentation added
  • Telemetry added. In case of a feature if it's used or not.
  • Errors have a helpful link attached, see contributing.md

Documentation / Examples

  • Make sure the linting passes by running pnpm lint
  • The "examples guidelines" are followed from our contributing doc

@ijjk ijjk added created-by: Next.js team PRs by the Next.js team type: next labels Oct 4, 2022
@ijjk
Copy link
Member

ijjk commented Oct 4, 2022

Failing test suites

Commit: de97aba

pnpm testheadless test/e2e/app-dir/rsc-basic.test.ts

  • app dir - rsc basics > should support partial hydration with inlined server data
Expand output

● app dir - rsc basics › should support partial hydration with inlined server data

expect(received).toBe(expected) // Object.is equality

Expected: false
Received: true

  354 |             if (gotFallback) {
  355 |               expect(gotData).toBe(false)
> 356 |               expect(gotInlinedData).toBe(false)
      |                                      ^
  357 |             }
  358 |           }
  359 |         })

  at onData (e2e/app-dir/rsc-basic.test.ts:356:38)
  at Gunzip.<anonymous> (e2e/app-dir/rsc-basic.test.ts:20:7)

● app dir - rsc basics › should support partial hydration with inlined server data

thrown: "Exceeded timeout of 240000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

  340 |   })
  341 |
> 342 |   it('should support partial hydration with inlined server data', async () => {
      |   ^
  343 |     await fetchViaHTTP(next.url, '/partial-hydration', null, {}).then(
  344 |       async (response) => {
  345 |         let gotFallback = false

  at e2e/app-dir/rsc-basic.test.ts:342:3
  at Object.<anonymous> (e2e/app-dir/rsc-basic.test.ts:28:1)

Read more about building and testing Next.js in contributing.md.

@ijjk
Copy link
Member

ijjk commented Oct 4, 2022

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary shuding/next.js shu/dybn Change
buildDuration 43s 44.6s ⚠️ +1.6s
buildDurationCached 16.1s 13.1s -3s
nodeModulesSize 92.3 MB 92.3 MB ⚠️ +32.6 kB
nextStartRea..uration (ms) 363ms 380ms ⚠️ +17ms
nextDevReadyDuration 483ms 411ms -72ms
Page Load Tests Overall decrease ⚠️
vercel/next.js canary shuding/next.js shu/dybn Change
/ failed reqs 0 0
/ total time (seconds) 13.865 14.647 ⚠️ +0.78
/ avg req/sec 180.3 170.69 ⚠️ -9.61
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 9.057 9.163 ⚠️ +0.11
/error-in-render avg req/sec 276.03 272.84 ⚠️ -3.19
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary shuding/next.js shu/dybn Change
27.HASH.js gzip 177 B 179 B ⚠️ +2 B
791-HASH.js gzip 12.3 kB 12.3 kB ⚠️ +6 B
app-internal..HASH.js gzip 409 B 408 B -1 B
framework-HASH.js gzip 48.7 kB 48.7 kB
main-app-HASH.js gzip 4.1 kB 4.38 kB ⚠️ +278 B
main-HASH.js gzip 31.2 kB 31.4 kB ⚠️ +271 B
webpack-HASH.js gzip 1.73 kB 1.73 kB -3 B
Overall change 98.5 kB 99.1 kB ⚠️ +553 B
Legacy Client Bundles (polyfills)
vercel/next.js canary shuding/next.js shu/dybn Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages Overall decrease ✓
vercel/next.js canary shuding/next.js shu/dybn Change
_app-HASH.js gzip 202 B 201 B -1 B
_error-HASH.js gzip 195 B 194 B -1 B
amp-HASH.js gzip 493 B 492 B -1 B
css-HASH.js gzip 327 B 328 B ⚠️ +1 B
dynamic-HASH.js gzip 2.03 kB 2.03 kB ⚠️ +2 B
edge-ssr-HASH.js gzip 272 B 272 B
head-HASH.js gzip 355 B 356 B ⚠️ +1 B
hooks-HASH.js gzip 805 B 804 B -1 B
image-HASH.js gzip 4.89 kB 4.89 kB ⚠️ +3 B
index-HASH.js gzip 262 B 264 B ⚠️ +2 B
link-HASH.js gzip 2.37 kB 2.36 kB -9 B
routerDirect..HASH.js gzip 322 B 320 B -2 B
script-HASH.js gzip 391 B 391 B
withRouter-HASH.js gzip 319 B 318 B -1 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 13.3 kB 13.3 kB -7 B
Client Build Manifests
vercel/next.js canary shuding/next.js shu/dybn Change
_buildManifest.js gzip 483 B 483 B
Overall change 483 B 483 B
Rendered Page Sizes
vercel/next.js canary shuding/next.js shu/dybn Change
index.html gzip 511 B 513 B ⚠️ +2 B
link.html gzip 527 B 525 B -2 B
withRouter.html gzip 507 B 507 B
Overall change 1.54 kB 1.54 kB
Edge SSR bundle Size Overall decrease ✓
vercel/next.js canary shuding/next.js shu/dybn Change
edge-ssr.js gzip 57.9 kB 57.8 kB -75 B
page.js gzip 87.6 kB 87.7 kB ⚠️ +57 B
Overall change 145 kB 145 kB -18 B
Middleware size Overall decrease ✓
vercel/next.js canary shuding/next.js shu/dybn Change
middleware-b..fest.js gzip 608 B 605 B -3 B
middleware-r..fest.js gzip 145 B 145 B
middleware.js gzip 18.3 kB 18.3 kB -5 B
edge-runtime..pack.js gzip 1.83 kB 1.83 kB
Overall change 20.9 kB 20.9 kB -8 B

Diffs

Diff for page.js

Diff too large to display

Diff for middleware-b..-manifest.js
@@ -7,96 +7,96 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-ff882831ec0849af.js",
-    "static/chunks/framework-b11e50df1bb3c9a6.js",
-    "static/chunks/791-b63e464b890be192.js",
-    "static/chunks/main-app-f26cc675bd869529.js"
+    "static/chunks/webpack-2c4117ebc42a0173.js",
+    "static/chunks/framework-1c550577ef415f93.js",
+    "static/chunks/575-08da569bcec2377c.js",
+    "static/chunks/main-app-3cda358ad3d31881.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/index-8f8df33b6b56a893.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/index-05aab9219f31b17e.js"
     ],
     "/_app": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/_app-4c8f8db28ded8df4.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/_app-6949af07e56e49b7.js"
     ],
     "/_error": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/_error-a05ed569030d31cf.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/_error-205cf4435d5ba48b.js"
     ],
     "/amp": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/amp-96e086d56d84ecf3.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/amp-6a7082101c10b2eb.js"
     ],
     "/css": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-428970b9517fb836.js"
+      "static/chunks/pages/css-f197b4212dd3ac17.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/dynamic-a0721d65b4a79d61.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/dynamic-fac852909072e207.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/edge-ssr-75aef063be641ae2.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/edge-ssr-14f1db2c51bd6d3c.js"
     ],
     "/head": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/head-d37064300b3c4db4.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/head-3a161ed8d6ff708b.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/hooks-f42908d1274536db.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/hooks-d4b75595d8872d26.js"
     ],
     "/image": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/image-c45ddbbdf40183b7.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/image-0c67288cb6d10629.js"
     ],
     "/link": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/link-8d5001f3d9b453cb.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/link-53ad69e5e93570f5.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/routerDirect-b5e7495986c1e9ee.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/routerDirect-c7389de6fab068c3.js"
     ],
     "/script": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/script-076b8f5bf519ceb6.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/script-ec437cd8939c3756.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/withRouter-572b4af651a903bd.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/withRouter-63d31065422c4eeb.js"
     ]
   },
   ampFirstPages: []
Diff for middleware-r..-manifest.js
@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 2774,
-    files: ["static/chunks/27.084ec41a5ec09432.js"]
+    id: 3201,
+    files: ["static/chunks/201.8fecc5db6af0c0fc.js"]
   }
 };
Diff for middleware.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 3802: /***/ (
+    /***/ 2945: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,13 +14,13 @@
         /* harmony export */
       });
       /* harmony import */ var next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        9965
+        4402
       );
 
       (0,
       next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ /* .enhanceGlobals */.gL)();
 
-      var mod = __webpack_require__(5702);
+      var mod = __webpack_require__(3594);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -46,7 +46,7 @@
       /***/
     },
 
-    /***/ 5702: /***/ (
+    /***/ 3594: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -58,7 +58,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8646
+        253
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -71,7 +71,7 @@
       /***/
     },
 
-    /***/ 2941: /***/ (__unused_webpack_module, exports) => {
+    /***/ 658: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -91,7 +91,7 @@
       /***/
     },
 
-    /***/ 733: /***/ (__unused_webpack_module, exports) => {
+    /***/ 2911: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -129,7 +129,7 @@
       /***/
     },
 
-    /***/ 5236: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7324: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -161,7 +161,7 @@
       /***/
     },
 
-    /***/ 2098: /***/ (
+    /***/ 7773: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -172,8 +172,8 @@
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(7620);
-      var _pathHasPrefix = __webpack_require__(929);
+      var _addPathPrefix = __webpack_require__(3366);
+      var _pathHasPrefix = __webpack_require__(7838);
       function addLocale(path, locale, defaultLocale, ignorePrefix) {
         if (
           locale &&
@@ -193,7 +193,7 @@
       /***/
     },
 
-    /***/ 7620: /***/ (
+    /***/ 3366: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -204,7 +204,7 @@
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -216,7 +216,7 @@
       /***/
     },
 
-    /***/ 1315: /***/ (
+    /***/ 6734: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -227,7 +227,7 @@
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -239,7 +239,7 @@
       /***/
     },
 
-    /***/ 5468: /***/ (
+    /***/ 9209: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -250,10 +250,10 @@
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _removeTrailingSlash = __webpack_require__(1861);
-      var _addPathPrefix = __webpack_require__(7620);
-      var _addPathSuffix = __webpack_require__(1315);
-      var _addLocale = __webpack_require__(2098);
+      var _removeTrailingSlash = __webpack_require__(5303);
+      var _addPathPrefix = __webpack_require__(3366);
+      var _addPathSuffix = __webpack_require__(6734);
+      var _addLocale = __webpack_require__(7773);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -281,7 +281,7 @@
       /***/
     },
 
-    /***/ 142: /***/ (
+    /***/ 4199: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -292,9 +292,9 @@
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(5236);
-      var _removePathPrefix = __webpack_require__(2046);
-      var _pathHasPrefix = __webpack_require__(929);
+      var _normalizeLocalePath = __webpack_require__(7324);
+      var _removePathPrefix = __webpack_require__(7457);
+      var _pathHasPrefix = __webpack_require__(7838);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -344,7 +344,7 @@
       /***/
     },
 
-    /***/ 5956: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6003: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -378,7 +378,7 @@
       /***/
     },
 
-    /***/ 929: /***/ (
+    /***/ 7838: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -389,7 +389,7 @@
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -401,7 +401,7 @@
       /***/
     },
 
-    /***/ 3754: /***/ (__unused_webpack_module, exports) => {
+    /***/ 1448: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -420,7 +420,7 @@
       /***/
     },
 
-    /***/ 2046: /***/ (
+    /***/ 7457: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -431,7 +431,7 @@
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(929);
+      var _pathHasPrefix = __webpack_require__(7838);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -445,7 +445,7 @@
       /***/
     },
 
-    /***/ 1861: /***/ (__unused_webpack_module, exports) => {
+    /***/ 5303: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -459,7 +459,7 @@
       /***/
     },
 
-    /***/ 1948: /***/ module => {
+    /***/ 965: /***/ module => {
       var __dirname = "/";
       (() => {
         "use strict";
@@ -587,7 +587,7 @@
       /***/
     },
 
-    /***/ 3980: /***/ (module, exports, __webpack_require__) => {
+    /***/ 4803: /***/ (module, exports, __webpack_require__) => {
       var __dirname = "/";
       var __WEBPACK_AMD_DEFINE_RESULT__;
       (() => {
@@ -1429,7 +1429,7 @@
       /***/
     },
 
-    /***/ 2831: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8784: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1471,7 +1471,7 @@
       /***/
     },
 
-    /***/ 9965: /***/ (
+    /***/ 4402: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1485,14 +1485,14 @@
       exports.VL = adapter;
       exports.OT = blockUnallowedResponse;
       exports.gL = enhanceGlobals;
-      var _error = __webpack_require__(3975);
-      var _utils = __webpack_require__(1657);
-      var _fetchEvent = __webpack_require__(1745);
-      var _request = __webpack_require__(3371);
-      var _response = __webpack_require__(9062);
-      var _relativizeUrl = __webpack_require__(3754);
-      var _nextUrl = __webpack_require__(130);
-      var _internalUtils = __webpack_require__(2831);
+      var _error = __webpack_require__(6140);
+      var _utils = __webpack_require__(4867);
+      var _fetchEvent = __webpack_require__(1222);
+      var _request = __webpack_require__(6751);
+      var _response = __webpack_require__(1244);
+      var _relativizeUrl = __webpack_require__(1448);
+      var _nextUrl = __webpack_require__(7329);
+      var _internalUtils = __webpack_require__(8784);
       class NextRequestHint extends _request.NextRequest {
         constructor(params) {
           super(params.input, params.init);
@@ -1722,7 +1722,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3975: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6140: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1763,7 +1763,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 130: /***/ (
+    /***/ 7329: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1773,10 +1773,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _detectDomainLocale = __webpack_require__(733);
-      var _formatNextPathnameInfo = __webpack_require__(5468);
-      var _getHostname = __webpack_require__(2941);
-      var _getNextPathnameInfo = __webpack_require__(142);
+      var _detectDomainLocale = __webpack_require__(2911);
+      var _formatNextPathnameInfo = __webpack_require__(9209);
+      var _getHostname = __webpack_require__(658);
+      var _getNextPathnameInfo = __webpack_require__(4199);
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
         return new URL(
@@ -2001,7 +2001,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3265: /***/ (
+    /***/ 1552: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2011,7 +2011,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _cookie = _interopRequireDefault(__webpack_require__(1948));
+      var _cookie = _interopRequireDefault(__webpack_require__(965));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2146,7 +2146,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1745: /***/ (
+    /***/ 1222: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2157,7 +2157,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.waitUntilSymbol = void 0;
-      var _error = __webpack_require__(3975);
+      var _error = __webpack_require__(6140);
       const responseSymbol = Symbol("response");
       const passThroughSymbol = Symbol("passThrough");
       const waitUntilSymbol = Symbol("waitUntil");
@@ -2210,7 +2210,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3371: /***/ (
+    /***/ 6751: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2221,10 +2221,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.INTERNALS = void 0;
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _error = __webpack_require__(3975);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _error = __webpack_require__(6140);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal request");
       exports.INTERNALS = INTERNALS;
       class NextRequest extends Request {
@@ -2305,7 +2305,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9062: /***/ (
+    /***/ 1244: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2315,9 +2315,9 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal response");
       const REDIRECTS = new Set([301, 302, 303, 307, 308]);
       class NextResponse extends Response {
@@ -2407,7 +2407,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1264: /***/ (
+    /***/ 4112: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2421,7 +2421,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = isBot;
       exports.Nf = userAgentFromString;
       exports.WE = userAgent;
-      var _uaParserJs = _interopRequireDefault(__webpack_require__(3980));
+      var _uaParserJs = _interopRequireDefault(__webpack_require__(4803));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2449,7 +2449,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1657: /***/ (__unused_webpack_module, exports) => {
+    /***/ 4867: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2564,14 +2564,14 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8646: /***/ (module, exports, __webpack_require__) => {
+    /***/ 253: /***/ (module, exports, __webpack_require__) => {
       const serverExports = {
-        NextRequest: __webpack_require__(3371).NextRequest,
-        NextResponse: __webpack_require__(9062).NextResponse,
+        NextRequest: __webpack_require__(6751).NextRequest,
+        NextResponse: __webpack_require__(1244).NextResponse,
         userAgentFromString: __webpack_require__(
-          1264
+          4112
         ) /* .userAgentFromString */.Nf,
-        userAgent: __webpack_require__(1264) /* .userAgent */.WE
+        userAgent: __webpack_require__(4112) /* .userAgent */.WE
       };
 
       if (typeof URLPattern !== "undefined") {
@@ -2597,7 +2597,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = moduleId =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ var __webpack_exports__ = __webpack_exec__(3802);
+    /******/ var __webpack_exports__ = __webpack_exec__(2945);
     /******/ (_ENTRIES =
       typeof _ENTRIES === "undefined"
         ? {}
Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js
@@ -1,28 +1,28 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-8f8df33b6b56a893.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-a05ed569030d31cf.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-96e086d56d84ecf3.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-05aab9219f31b17e.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-205cf4435d5ba48b.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-6a7082101c10b2eb.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-428970b9517fb836.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-f197b4212dd3ac17.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-a0721d65b4a79d61.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-fac852909072e207.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-75aef063be641ae2.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-14f1db2c51bd6d3c.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-d37064300b3c4db4.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-f42908d1274536db.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-c45ddbbdf40183b7.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-8d5001f3d9b453cb.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-3a161ed8d6ff708b.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-d4b75595d8872d26.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-0c67288cb6d10629.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-53ad69e5e93570f5.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-b5e7495986c1e9ee.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-c7389de6fab068c3.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-076b8f5bf519ceb6.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-ec437cd8939c3756.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-572b4af651a903bd.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-63d31065422c4eeb.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 8351: /***/ function(
+    /***/ 7006: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(4181);
+          return __webpack_require__(1969);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(8351), __webpack_exec__(2670);
+      return __webpack_exec__(7006), __webpack_exec__(1897);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for _error-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [820],
   {
-    /***/ 9548: /***/ function(
+    /***/ 3020: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(6787);
+          return __webpack_require__(1581);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(9548);
+      return __webpack_exec__(3020);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for amp-HASH.js
@@ -1,17 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [216],
   {
-    /***/ 3485: /***/ function(
+    /***/ 7481: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3840);
+      module.exports = __webpack_require__(6240);
 
       /***/
     },
 
-    /***/ 6530: /***/ function(
+    /***/ 2880: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(3815);
+          return __webpack_require__(5810);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 3840: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6240: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -38,8 +38,8 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _ampContext = __webpack_require__(6799);
-      var _ampMode = __webpack_require__(6032);
+      var _ampContext = __webpack_require__(7825);
+      var _ampMode = __webpack_require__(6357);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 3815: /***/ function(
+    /***/ 5810: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -78,7 +78,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3485
+        7481
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -102,7 +102,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(6530);
+      return __webpack_exec__(2880);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for css-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [706],
   {
-    /***/ 631: /***/ function(
+    /***/ 1737: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(9817);
+          return __webpack_require__(2146);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9817: /***/ function(
+    /***/ 2146: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         1760
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5550
+        3892
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 5550: /***/ function(module) {
+    /***/ 3892: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
@@ -61,7 +61,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(631);
+      return __webpack_exec__(1737);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for dynamic-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [739],
   {
-    /***/ 8963: /***/ function(
+    /***/ 9051: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(26);
+          return __webpack_require__(3768);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 292: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4517: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -34,7 +34,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadable = _interop_require_default(__webpack_require__(9749));
+      var _loadable = _interop_require_default(__webpack_require__(7792));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = (options == null
@@ -137,7 +137,7 @@
       /***/
     },
 
-    /***/ 3824: /***/ function(
+    /***/ 4511: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -159,7 +159,7 @@
       /***/
     },
 
-    /***/ 9749: /***/ function(
+    /***/ 7792: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -179,7 +179,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadableContext = __webpack_require__(3824);
+      var _loadableContext = __webpack_require__(4511);
       var useSyncExternalStore = (true ? __webpack_require__(6273) : 0)
         .useSyncExternalStore;
       var ALL_INITIALIZERS = [];
@@ -493,7 +493,7 @@
       /***/
     },
 
-    /***/ 26: /***/ function(
+    /***/ 3768: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -510,7 +510,7 @@
         1760
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6706
+        9477
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -519,13 +519,13 @@
       var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 27)
-            .then(__webpack_require__.bind(__webpack_require__, 2774));
+            .e(/* import() */ 201)
+            .then(__webpack_require__.bind(__webpack_require__, 3201));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 2774];
+              return [/*require.resolve*/ 3201];
             }
           }
         }
@@ -555,12 +555,12 @@
       /***/
     },
 
-    /***/ 6706: /***/ function(
+    /***/ 9477: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(292);
+      module.exports = __webpack_require__(4517);
 
       /***/
     }
@@ -571,7 +571,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8963);
+      return __webpack_exec__(9051);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for edge-ssr-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [800],
   {
-    /***/ 529: /***/ function(
+    /***/ 3839: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/edge-ssr",
         function() {
-          return __webpack_require__(1366);
+          return __webpack_require__(4428);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1366: /***/ function(
+    /***/ 4428: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -50,7 +50,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(529);
+      return __webpack_exec__(3839);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for head-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [645],
   {
-    /***/ 8780: /***/ function(
+    /***/ 2116: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(5268);
+          return __webpack_require__(6355);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5268: /***/ function(
+    /***/ 6355: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8722
+        8631
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -71,12 +71,12 @@
       /***/
     },
 
-    /***/ 8722: /***/ function(
+    /***/ 8631: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8985);
+      module.exports = __webpack_require__(2792);
 
       /***/
     }
@@ -87,7 +87,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8780);
+      return __webpack_exec__(2116);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for hooks-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 4076: /***/ function(
+    /***/ 1042: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(4903);
+          return __webpack_require__(1467);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4903: /***/ function(
+    /***/ 1467: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -132,7 +132,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4076);
+      return __webpack_exec__(1042);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for image-HASH.js
@@ -26,7 +26,7 @@
       /***/
     },
 
-    /***/ 7735: /***/ function(
+    /***/ 7865: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -34,7 +34,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(7375);
+          return __webpack_require__(8908);
         }
       ]);
       if (false) {
@@ -43,7 +43,7 @@
       /***/
     },
 
-    /***/ 4998: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9022: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -66,12 +66,12 @@
         5997
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _head = _interop_require_default(__webpack_require__(8985));
-      var _imageConfig = __webpack_require__(5167);
-      var _useIntersection = __webpack_require__(4173);
-      var _imageConfigContext = __webpack_require__(9692);
-      var _utils = __webpack_require__(400);
-      var _normalizeTrailingSlash = __webpack_require__(5212);
+      var _head = _interop_require_default(__webpack_require__(2792));
+      var _imageConfig = __webpack_require__(6615);
+      var _useIntersection = __webpack_require__(636);
+      var _imageConfigContext = __webpack_require__(907);
+      var _utils = __webpack_require__(632);
+      var _normalizeTrailingSlash = __webpack_require__(4267);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -929,7 +929,7 @@
       /***/
     },
 
-    /***/ 4173: /***/ function(module, exports, __webpack_require__) {
+    /***/ 636: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -941,7 +941,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(6273);
-      var _requestIdleCallback = __webpack_require__(9874);
+      var _requestIdleCallback = __webpack_require__(8332);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -1066,7 +1066,7 @@
       /***/
     },
 
-    /***/ 7375: /***/ function(
+    /***/ 8908: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1087,8 +1087,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@0.0.0-experimental-cb5084d1c-20220924/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(1760);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
-      var next_image = __webpack_require__(1769);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
+      var next_image = __webpack_require__(3608);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -1118,12 +1118,12 @@
       /***/
     },
 
-    /***/ 1769: /***/ function(
+    /***/ 3608: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4998);
+      module.exports = __webpack_require__(9022);
 
       /***/
     }
@@ -1134,7 +1134,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(7735);
+      return __webpack_exec__(7865);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for index-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 2047: /***/ function(
+    /***/ 1239: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(5444);
+          return __webpack_require__(6544);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5444: /***/ function(
+    /***/ 6544: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -46,7 +46,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(2047);
+      return __webpack_exec__(1239);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for link-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [644],
   {
-    /***/ 9279: /***/ function(
+    /***/ 485: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(1747);
+          return __webpack_require__(6837);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1311: /***/ function(module, exports) {
+    /***/ 2258: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 3478: /***/ function(module, exports, __webpack_require__) {
+    /***/ 8636: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -72,13 +72,13 @@
         5997
       ) /* ["default"] */.Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _router = __webpack_require__(8678);
-      var _addLocale = __webpack_require__(9579);
-      var _routerContext = __webpack_require__(2170);
-      var _appRouterContext = __webpack_require__(2313);
-      var _useIntersection = __webpack_require__(4173);
-      var _getDomainLocale = __webpack_require__(1311);
-      var _addBasePath = __webpack_require__(7878);
+      var _router = __webpack_require__(739);
+      var _addLocale = __webpack_require__(775);
+      var _routerContext = __webpack_require__(1853);
+      var _appRouterContext = __webpack_require__(9935);
+      var _useIntersection = __webpack_require__(636);
+      var _getDomainLocale = __webpack_require__(2258);
+      var _addBasePath = __webpack_require__(8758);
       ("client");
       var prefetched = {};
       function prefetch(router, href, as, options) {
@@ -430,7 +430,7 @@
       /***/
     },
 
-    /***/ 4173: /***/ function(module, exports, __webpack_require__) {
+    /***/ 636: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -442,7 +442,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(6273);
-      var _requestIdleCallback = __webpack_require__(9874);
+      var _requestIdleCallback = __webpack_require__(8332);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -567,7 +567,7 @@
       /***/
     },
 
-    /***/ 2313: /***/ function(
+    /***/ 9935: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -595,7 +595,7 @@
       /***/
     },
 
-    /***/ 1747: /***/ function(
+    /***/ 6837: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -612,7 +612,7 @@
         1760
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        7892
+        1777
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -643,12 +643,12 @@
       /***/
     },
 
-    /***/ 7892: /***/ function(
+    /***/ 1777: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3478);
+      module.exports = __webpack_require__(8636);
 
       /***/
     }
@@ -659,7 +659,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(9279);
+      return __webpack_exec__(485);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for routerDirect-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [58],
   {
-    /***/ 5847: /***/ function(
+    /***/ 4500: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(7646);
+          return __webpack_require__(7359);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7646: /***/ function(
+    /***/ 7359: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        9073
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,12 +56,12 @@
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 9073: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2670);
+      module.exports = __webpack_require__(1897);
 
       /***/
     }
@@ -72,7 +72,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5847);
+      return __webpack_exec__(4500);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for script-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [797],
   {
-    /***/ 7992: /***/ function(
+    /***/ 7140: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function() {
-          return __webpack_require__(7821);
+          return __webpack_require__(8186);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7821: /***/ function(
+    /***/ 8186: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3785
+        4861
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -70,12 +70,12 @@
       /***/
     },
 
-    /***/ 3785: /***/ function(
+    /***/ 4861: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = false ? 0 : __webpack_require__(2460);
+      module.exports = false ? 0 : __webpack_require__(3512);
 
       /***/
     }
@@ -86,7 +86,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(7992);
+      return __webpack_exec__(7140);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for withRouter-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [807],
   {
-    /***/ 5996: /***/ function(
+    /***/ 3377: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(1177);
+          return __webpack_require__(6716);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1177: /***/ function(
+    /***/ 6716: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        9073
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,12 +54,12 @@
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 9073: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2670);
+      module.exports = __webpack_require__(1897);
 
       /***/
     }
@@ -70,7 +70,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5996);
+      return __webpack_exec__(3377);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 27.HASH.js
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [27],
+  [201],
   {
-    /***/ 2774: /***/ function(
+    /***/ 3201: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
Diff for 791-HASH.js
@@ -1,6 +1,6 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [791],
+  [575],
   {
     /***/ 8286: /***/ function(__unused_webpack_module, exports) {
       Object.defineProperty(exports, "__esModule", {
@@ -711,7 +711,7 @@
       /***/
     },
 
-    /***/ 4019: /***/ function(module, exports, __webpack_require__) {
+    /***/ 615: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -727,11 +727,11 @@
         8889
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _reactServerDomWebpack = __webpack_require__(6769);
-      var _appRouterContext = __webpack_require__(2313);
-      var _reducer = __webpack_require__(4392);
-      var _hooksClientContext = __webpack_require__(7410);
-      var _useReducerWithDevtools = __webpack_require__(2354);
+      var _reactServerDomWebpack = __webpack_require__(2418);
+      var _appRouterContext = __webpack_require__(9935);
+      var _reducer = __webpack_require__(1822);
+      var _hooksClientContext = __webpack_require__(6202);
+      var _useReducerWithDevtools = __webpack_require__(8824);
       function AppRouter(param) {
         var initialTree = param.initialTree,
           initialCanonicalUrl = param.initialCanonicalUrl,
@@ -1138,7 +1138,7 @@
       /***/
     },
 
-    /***/ 7410: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6202: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1169,7 +1169,7 @@
       /***/
     },
 
-    /***/ 8636: /***/ function(module, exports) {
+    /***/ 436: /***/ function(module, exports) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1205,7 +1205,7 @@
       /***/
     },
 
-    /***/ 2791: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2575: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1226,10 +1226,10 @@
         8889
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _appRouterContext = __webpack_require__(2313);
-      var _appRouterClient = __webpack_require__(4019);
-      var _infinitePromise = __webpack_require__(8636);
-      var _matchSegments = __webpack_require__(8630);
+      var _appRouterContext = __webpack_require__(9935);
+      var _appRouterClient = __webpack_require__(615);
+      var _infinitePromise = __webpack_require__(436);
+      var _matchSegments = __webpack_require__(8660);
       function OuterLayoutRouter(param) {
         var parallelRouterKey = param.parallelRouterKey,
           segmentPath = param.segmentPath,
@@ -1788,7 +1788,7 @@
       /***/
     },
 
-    /***/ 8630: /***/ function(module, exports) {
+    /***/ 8660: /***/ function(module, exports) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1826,7 +1826,7 @@
       /***/
     },
 
-    /***/ 4392: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1822: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1838,8 +1838,8 @@
       });
       exports.reducer = exports.ACTION_PREFETCH = exports.ACTION_SERVER_PATCH = exports.ACTION_RESTORE = exports.ACTION_NAVIGATE = exports.ACTION_RELOAD = void 0;
       var _extends = __webpack_require__(5506) /* ["default"] */.Z;
-      var _matchSegments = __webpack_require__(8630);
-      var _appRouterClient = __webpack_require__(4019); // TODO-APP: change `any` to type inference.
+      var _matchSegments = __webpack_require__(8660);
+      var _appRouterClient = __webpack_require__(615); // TODO-APP: change `any` to type inference.
       /**
        * Create data fetching record for Promise.
        */ function createRecordFromThenable(thenable) {
@@ -2806,7 +2806,7 @@
       /***/
     },
 
-    /***/ 2354: /***/ function(module, exports, __webpack_require__) {
+    /***/ 8824: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -2981,7 +2981,7 @@
       /***/
     },
 
-    /***/ 2313: /***/ function(
+    /***/ 9935: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3007,7 +3007,7 @@
       /***/
     },
 
-    /***/ 2712: /***/ function(
+    /***/ 6314: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3446,13 +3446,13 @@
       /***/
     },
 
-    /***/ 6769: /***/ function(
+    /***/ 2418: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
       if (true) {
-        module.exports = __webpack_require__(2712);
+        module.exports = __webpack_require__(6314);
       } else {
       }
Diff for app-internals-HASH.js
@@ -1,25 +1,25 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [532],
   {
-    /***/ 5755: /***/ function(
+    /***/ 2162: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 4019, 23)
+        __webpack_require__.t.bind(__webpack_require__, 615, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 4405, 23)
+        __webpack_require__.t.bind(__webpack_require__, 2575, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 2791, 23)
+        __webpack_require__.t.bind(__webpack_require__, 3633, 23)
       );
 
       /***/
     },
 
-    /***/ 4405: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3633: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -30,7 +30,7 @@
         8889
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _appRouterContext = __webpack_require__(2313);
+      var _appRouterContext = __webpack_require__(9935);
       function RenderFromTemplateContext() {
         var children = (0, _react).useContext(
           _appRouterContext.TemplateContext
@@ -62,8 +62,8 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ __webpack_require__.O(0, [774, 791], function() {
-      return __webpack_exec__(5755);
+    /******/ __webpack_require__.O(0, [774, 575], function() {
+      return __webpack_exec__(2162);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for page-d08fabc15699015d.js
@@ -1,6 +1,6 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[760],{
 
-/***/ 5093:
+/***/ 3081:
 /***/ (function() {
 
 
@@ -10,7 +10,7 @@
 },
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ var __webpack_exports__ = (__webpack_exec__(5093));
+/******/ var __webpack_exports__ = (__webpack_exec__(3081));
 /******/ _N_E = __webpack_exports__;
 /******/ }
 ]);
\ No newline at end of file
Diff for framework-HASH.js
@@ -9358,7 +9358,7 @@
       /***/
     },
 
-    /***/ 6458: /***/ function(
+    /***/ 9964: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [744],
   {
-    /***/ 3193: /***/ function() {
+    /***/ 9510: /***/ function() {
       "trimStart" in String.prototype ||
         (String.prototype.trimStart = String.prototype.trimLeft),
         "trimEnd" in String.prototype ||
@@ -51,7 +51,88 @@
       /***/
     },
 
-    /***/ 2799: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2635: /***/ function(module, exports, __webpack_require__) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      var _slicedToArray = __webpack_require__(553) /* ["default"] */.Z;
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.appBootstrap = appBootstrap;
+      /**
+       * Before starting the Next.js runtime and requiring any module, we need to make
+       * sure the following scripts are executed in the correct order:
+       * - Polyfills
+       * - next/script with `beforeInteractive` strategy
+       */ var version = "12.3.2-canary.23";
+      window.next = {
+        version: version,
+        appDir: true
+      };
+      function loadScriptsInSequence(scripts, hydrate) {
+        if (!scripts || !scripts.length) {
+          return hydrate();
+        }
+        return scripts
+          .reduce(function(promise, param) {
+            var _param = _slicedToArray(param, 2),
+              src = _param[0],
+              props = _param[1];
+            return promise.then(function() {
+              return new Promise(function(resolve, reject) {
+                var el = document.createElement("script");
+                if (props) {
+                  for (var key in props) {
+                    if (key !== "children") {
+                      el.setAttribute(key, props[key]);
+                    }
+                  }
+                }
+                if (src) {
+                  el.src = src;
+                  el.onload = resolve;
+                  el.onerror = reject;
+                } else if (props) {
+                  el.innerHTML = props.children;
+                  setTimeout(resolve);
+                }
+                document.head.appendChild(el);
+              });
+            });
+          }, Promise.resolve())
+          .then(function() {
+            hydrate();
+          })
+          .catch(function(err) {
+            console.error(err);
+            // Still try to hydrate even if there's an error.
+            hydrate();
+          });
+      }
+      function appBootstrap(callback) {
+        loadScriptsInSequence(self.__next_s, function() {
+          callback();
+        });
+      }
+      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=app-bootstrap.js.map
+
+      /***/
+    },
+
+    /***/ 1062: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -62,19 +143,19 @@
         value: true
       });
       exports.hydrate = hydrate;
-      exports.version = void 0;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _interop_require_wildcard = __webpack_require__(
         8889
       ) /* ["default"] */.Z;
-      __webpack_require__(3193);
-      var _client = _interop_require_default(__webpack_require__(6458));
+      __webpack_require__(9510);
+      var _client = _interop_require_default(__webpack_require__(9964));
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _reactServerDomWebpack = __webpack_require__(6769);
+      var _reactServerDomWebpack = __webpack_require__(2418);
       var _performanceRelayer = _interop_require_default(
-        __webpack_require__(7548)
+        __webpack_require__(2187)
       );
+      var _headManagerContext = __webpack_require__(5483);
       // eslint-disable-next-line no-undef
       var getChunkScriptFilename = __webpack_require__.u;
       var chunkFilenameMap = {};
@@ -99,8 +180,6 @@
         // eslint-disable-next-line no-undef
         return __webpack_require__.e(chunkId);
       };
-      var version = "12.3.2-canary.23";
-      exports.version = version;
       var appElement = document;
       var getCacheKey = function() {
         var pathname = location.pathname,
@@ -163,7 +242,7 @@
       } else {
         DOMContentLoaded();
       }
-      var nextServerDataLoadingGlobal = (self.__next_s = self.__next_s || []);
+      var nextServerDataLoadingGlobal = (self.__next_f = self.__next_f || []);
       nextServerDataLoadingGlobal.forEach(nextServerDataCallback);
       nextServerDataLoadingGlobal.push = nextServerDataCallback;
       function createResponseCache() {
@@ -216,9 +295,17 @@
           _react.default.StrictMode,
           null,
           /*#__PURE__*/ _react.default.createElement(
-            Root,
-            null,
-            /*#__PURE__*/ _react.default.createElement(RSCComponent, null)
+            _headManagerContext.HeadManagerContext.Provider,
+            {
+              value: {
+                appDir: true
+              }
+            },
+            /*#__PURE__*/ _react.default.createElement(
+              Root,
+              null,
+              /*#__PURE__*/ _react.default.createElement(RSCComponent, null)
+            )
           )
         );
         var isError = document.documentElement.id === "__next_error__";
@@ -246,17 +333,33 @@
       /***/
     },
 
-    /***/ 150: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3206: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
-      var _appIndex = __webpack_require__(2799);
-      __webpack_require__(4019);
-      __webpack_require__(2791);
-      window.next = {
-        version: _appIndex.version,
-        appDir: true
-      };
-      (0, _appIndex).hydrate();
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      var _interopRequireWildcard = __webpack_require__(8889) /* ["default"] */
+        .Z;
+      var _interop_require_wildcard = __webpack_require__(
+        8889
+      ) /* ["default"] */.Z;
+      var _appBootstrap = __webpack_require__(2635);
+      (0, _appBootstrap).appBootstrap(function() {
+        // Include app-router and layout-router in the main chunk
+        Promise.resolve().then(function() {
+          return /*#__PURE__*/ _interopRequireWildcard(
+            __webpack_require__(615)
+          );
+        });
+        Promise.resolve().then(function() {
+          return /*#__PURE__*/ _interopRequireWildcard(
+            __webpack_require__(2575)
+          );
+        });
+        var hydrate = __webpack_require__(1062).hydrate;
+        hydrate();
+      });
       if (
         (typeof exports.default === "function" ||
           (typeof exports.default === "object" && exports.default !== null)) &&
@@ -272,7 +375,7 @@
       /***/
     },
 
-    /***/ 7548: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2187: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -321,7 +424,7 @@
               if (false) {
               }
               if (!mod) {
-                mod = __webpack_require__(6517);
+                mod = __webpack_require__(4675);
               }
               mod["on".concat(webVital)](onReport);
             } catch (err) {
@@ -363,7 +466,29 @@
       /***/
     },
 
-    /***/ 6517: /***/ function(module) {
+    /***/ 5483: /***/ function(
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.HeadManagerContext = void 0;
+      var _interop_require_default = __webpack_require__(7022) /* ["default"] */
+        .Z;
+      var _react = _interop_require_default(__webpack_require__(6273));
+      var HeadManagerContext = _react.default.createContext({});
+      exports.HeadManagerContext = HeadManagerContext;
+      if (false) {
+      } //# sourceMappingURL=head-manager-context.js.map
+
+      /***/
+    },
+
+    /***/ 4675: /***/ function(module) {
       var __dirname = "/";
       (function() {
         "use strict";
@@ -908,8 +1033,8 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ __webpack_require__.O(0, [774, 791], function() {
-      return __webpack_exec__(150);
+    /******/ __webpack_require__.O(0, [774, 575], function() {
+      return __webpack_exec__(3206);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for webpack-HASH.js
@@ -212,7 +212,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "084ec41a5ec09432" + ".js"
+        "static/chunks/" + chunkId + "." + "8fecc5db6af0c0fc" + ".js"
       );
       /******/
     };
Diff for index.html
@@ -11,23 +11,23 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-ff882831ec0849af.js"
+      src="/_next/static/chunks/webpack-2c4117ebc42a0173.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/framework-b11e50df1bb3c9a6.js"
+      src="/_next/static/chunks/framework-1c550577ef415f93.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-e7f93ff2a604d403.js"
+      src="/_next/static/chunks/main-b25b055331653535.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-4c8f8db28ded8df4.js"
+      src="/_next/static/chunks/pages/_app-6949af07e56e49b7.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-8f8df33b6b56a893.js"
+      src="/_next/static/chunks/pages/index-05aab9219f31b17e.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for link.html
@@ -11,23 +11,23 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-ff882831ec0849af.js"
+      src="/_next/static/chunks/webpack-2c4117ebc42a0173.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/framework-b11e50df1bb3c9a6.js"
+      src="/_next/static/chunks/framework-1c550577ef415f93.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-e7f93ff2a604d403.js"
+      src="/_next/static/chunks/main-b25b055331653535.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-4c8f8db28ded8df4.js"
+      src="/_next/static/chunks/pages/_app-6949af07e56e49b7.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-8d5001f3d9b453cb.js"
+      src="/_next/static/chunks/pages/link-53ad69e5e93570f5.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html
@@ -11,23 +11,23 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-ff882831ec0849af.js"
+      src="/_next/static/chunks/webpack-2c4117ebc42a0173.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/framework-b11e50df1bb3c9a6.js"
+      src="/_next/static/chunks/framework-1c550577ef415f93.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-e7f93ff2a604d403.js"
+      src="/_next/static/chunks/main-b25b055331653535.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-4c8f8db28ded8df4.js"
+      src="/_next/static/chunks/pages/_app-6949af07e56e49b7.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-572b4af651a903bd.js"
+      src="/_next/static/chunks/pages/withRouter-63d31065422c4eeb.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Default Build with SWC (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary shuding/next.js shu/dybn Change
buildDuration 42.8s 46s ⚠️ +3.2s
buildDurationCached 10.4s 12.2s ⚠️ +1.8s
nodeModulesSize 92.3 MB 92.3 MB ⚠️ +32.6 kB
nextStartRea..uration (ms) 343ms 347ms ⚠️ +4ms
nextDevReadyDuration 419ms 392ms -27ms
Page Load Tests Overall decrease ⚠️
vercel/next.js canary shuding/next.js shu/dybn Change
/ failed reqs 0 0
/ total time (seconds) 13.921 13.62 -0.3
/ avg req/sec 179.59 183.55 +3.96
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 8.626 8.922 ⚠️ +0.3
/error-in-render avg req/sec 289.82 280.22 ⚠️ -9.6
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary shuding/next.js shu/dybn Change
27.HASH.js gzip 177 B 179 B ⚠️ +2 B
791-HASH.js gzip 12.4 kB 12.4 kB ⚠️ +3 B
app-internal..HASH.js gzip 398 B 398 B
framework-HASH.js gzip 48.9 kB 48.9 kB
main-app-HASH.js gzip 4.13 kB 4.41 kB ⚠️ +280 B
main-HASH.js gzip 31.1 kB 31.4 kB ⚠️ +274 B
webpack-HASH.js gzip 1.71 kB 1.7 kB -2 B
Overall change 98.8 kB 99.4 kB ⚠️ +557 B
Legacy Client Bundles (polyfills)
vercel/next.js canary shuding/next.js shu/dybn Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary shuding/next.js shu/dybn Change
_app-HASH.js gzip 195 B 194 B -1 B
_error-HASH.js gzip 182 B 182 B
amp-HASH.js gzip 483 B 482 B -1 B
css-HASH.js gzip 323 B 324 B ⚠️ +1 B
dynamic-HASH.js gzip 2.01 kB 2.01 kB ⚠️ +3 B
edge-ssr-HASH.js gzip 263 B 263 B
head-HASH.js gzip 350 B 352 B ⚠️ +2 B
hooks-HASH.js gzip 784 B 784 B
image-HASH.js gzip 4.82 kB 4.82 kB ⚠️ +4 B
index-HASH.js gzip 258 B 259 B ⚠️ +1 B
link-HASH.js gzip 2.35 kB 2.35 kB -7 B
routerDirect..HASH.js gzip 312 B 311 B -1 B
script-HASH.js gzip 386 B 386 B
withRouter-HASH.js gzip 308 B 307 B -1 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 13.1 kB 13.1 kB
Client Build Manifests
vercel/next.js canary shuding/next.js shu/dybn Change
_buildManifest.js gzip 483 B 483 B
Overall change 483 B 483 B
Rendered Page Sizes
vercel/next.js canary shuding/next.js shu/dybn Change
index.html gzip 511 B 513 B ⚠️ +2 B
link.html gzip 527 B 525 B -2 B
withRouter.html gzip 507 B 507 B
Overall change 1.54 kB 1.54 kB
Edge SSR bundle Size Overall decrease ✓
vercel/next.js canary shuding/next.js shu/dybn Change
edge-ssr.js gzip 58 kB 57.9 kB -74 B
page.js gzip 88.7 kB 88.7 kB ⚠️ +44 B
Overall change 147 kB 147 kB -30 B
Middleware size Overall decrease ✓
vercel/next.js canary shuding/next.js shu/dybn Change
middleware-b..fest.js gzip 608 B 605 B -3 B
middleware-r..fest.js gzip 145 B 145 B
middleware.js gzip 18.3 kB 18.3 kB -5 B
edge-runtime..pack.js gzip 1.83 kB 1.83 kB
Overall change 20.9 kB 20.9 kB -8 B

Diffs

Diff for page.js

Diff too large to display

Diff for middleware-b..-manifest.js
@@ -7,96 +7,96 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-ff882831ec0849af.js",
-    "static/chunks/framework-b11e50df1bb3c9a6.js",
-    "static/chunks/791-b63e464b890be192.js",
-    "static/chunks/main-app-f26cc675bd869529.js"
+    "static/chunks/webpack-2c4117ebc42a0173.js",
+    "static/chunks/framework-1c550577ef415f93.js",
+    "static/chunks/575-08da569bcec2377c.js",
+    "static/chunks/main-app-3cda358ad3d31881.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/index-8f8df33b6b56a893.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/index-05aab9219f31b17e.js"
     ],
     "/_app": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/_app-4c8f8db28ded8df4.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/_app-6949af07e56e49b7.js"
     ],
     "/_error": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/_error-a05ed569030d31cf.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/_error-205cf4435d5ba48b.js"
     ],
     "/amp": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/amp-96e086d56d84ecf3.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/amp-6a7082101c10b2eb.js"
     ],
     "/css": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-428970b9517fb836.js"
+      "static/chunks/pages/css-f197b4212dd3ac17.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/dynamic-a0721d65b4a79d61.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/dynamic-fac852909072e207.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/edge-ssr-75aef063be641ae2.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/edge-ssr-14f1db2c51bd6d3c.js"
     ],
     "/head": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/head-d37064300b3c4db4.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/head-3a161ed8d6ff708b.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/hooks-f42908d1274536db.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/hooks-d4b75595d8872d26.js"
     ],
     "/image": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/image-c45ddbbdf40183b7.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/image-0c67288cb6d10629.js"
     ],
     "/link": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/link-8d5001f3d9b453cb.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/link-53ad69e5e93570f5.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/routerDirect-b5e7495986c1e9ee.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/routerDirect-c7389de6fab068c3.js"
     ],
     "/script": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/script-076b8f5bf519ceb6.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/script-ec437cd8939c3756.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-e7f93ff2a604d403.js",
-      "static/chunks/pages/withRouter-572b4af651a903bd.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-b25b055331653535.js",
+      "static/chunks/pages/withRouter-63d31065422c4eeb.js"
     ]
   },
   ampFirstPages: []
Diff for middleware-r..-manifest.js
@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 2774,
-    files: ["static/chunks/27.084ec41a5ec09432.js"]
+    id: 3201,
+    files: ["static/chunks/201.8fecc5db6af0c0fc.js"]
   }
 };
Diff for middleware.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 3802: /***/ (
+    /***/ 2945: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,13 +14,13 @@
         /* harmony export */
       });
       /* harmony import */ var next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        9965
+        4402
       );
 
       (0,
       next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ /* .enhanceGlobals */.gL)();
 
-      var mod = __webpack_require__(5702);
+      var mod = __webpack_require__(3594);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -46,7 +46,7 @@
       /***/
     },
 
-    /***/ 5702: /***/ (
+    /***/ 3594: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -58,7 +58,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8646
+        253
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -71,7 +71,7 @@
       /***/
     },
 
-    /***/ 2941: /***/ (__unused_webpack_module, exports) => {
+    /***/ 658: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -91,7 +91,7 @@
       /***/
     },
 
-    /***/ 733: /***/ (__unused_webpack_module, exports) => {
+    /***/ 2911: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -129,7 +129,7 @@
       /***/
     },
 
-    /***/ 5236: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7324: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -161,7 +161,7 @@
       /***/
     },
 
-    /***/ 2098: /***/ (
+    /***/ 7773: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -172,8 +172,8 @@
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(7620);
-      var _pathHasPrefix = __webpack_require__(929);
+      var _addPathPrefix = __webpack_require__(3366);
+      var _pathHasPrefix = __webpack_require__(7838);
       function addLocale(path, locale, defaultLocale, ignorePrefix) {
         if (
           locale &&
@@ -193,7 +193,7 @@
       /***/
     },
 
-    /***/ 7620: /***/ (
+    /***/ 3366: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -204,7 +204,7 @@
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -216,7 +216,7 @@
       /***/
     },
 
-    /***/ 1315: /***/ (
+    /***/ 6734: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -227,7 +227,7 @@
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -239,7 +239,7 @@
       /***/
     },
 
-    /***/ 5468: /***/ (
+    /***/ 9209: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -250,10 +250,10 @@
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _removeTrailingSlash = __webpack_require__(1861);
-      var _addPathPrefix = __webpack_require__(7620);
-      var _addPathSuffix = __webpack_require__(1315);
-      var _addLocale = __webpack_require__(2098);
+      var _removeTrailingSlash = __webpack_require__(5303);
+      var _addPathPrefix = __webpack_require__(3366);
+      var _addPathSuffix = __webpack_require__(6734);
+      var _addLocale = __webpack_require__(7773);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -281,7 +281,7 @@
       /***/
     },
 
-    /***/ 142: /***/ (
+    /***/ 4199: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -292,9 +292,9 @@
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(5236);
-      var _removePathPrefix = __webpack_require__(2046);
-      var _pathHasPrefix = __webpack_require__(929);
+      var _normalizeLocalePath = __webpack_require__(7324);
+      var _removePathPrefix = __webpack_require__(7457);
+      var _pathHasPrefix = __webpack_require__(7838);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -344,7 +344,7 @@
       /***/
     },
 
-    /***/ 5956: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6003: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -378,7 +378,7 @@
       /***/
     },
 
-    /***/ 929: /***/ (
+    /***/ 7838: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -389,7 +389,7 @@
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -401,7 +401,7 @@
       /***/
     },
 
-    /***/ 3754: /***/ (__unused_webpack_module, exports) => {
+    /***/ 1448: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -420,7 +420,7 @@
       /***/
     },
 
-    /***/ 2046: /***/ (
+    /***/ 7457: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -431,7 +431,7 @@
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(929);
+      var _pathHasPrefix = __webpack_require__(7838);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -445,7 +445,7 @@
       /***/
     },
 
-    /***/ 1861: /***/ (__unused_webpack_module, exports) => {
+    /***/ 5303: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -459,7 +459,7 @@
       /***/
     },
 
-    /***/ 1948: /***/ module => {
+    /***/ 965: /***/ module => {
       var __dirname = "/";
       (() => {
         "use strict";
@@ -587,7 +587,7 @@
       /***/
     },
 
-    /***/ 3980: /***/ (module, exports, __webpack_require__) => {
+    /***/ 4803: /***/ (module, exports, __webpack_require__) => {
       var __dirname = "/";
       var __WEBPACK_AMD_DEFINE_RESULT__;
       (() => {
@@ -1429,7 +1429,7 @@
       /***/
     },
 
-    /***/ 2831: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8784: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1471,7 +1471,7 @@
       /***/
     },
 
-    /***/ 9965: /***/ (
+    /***/ 4402: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1485,14 +1485,14 @@
       exports.VL = adapter;
       exports.OT = blockUnallowedResponse;
       exports.gL = enhanceGlobals;
-      var _error = __webpack_require__(3975);
-      var _utils = __webpack_require__(1657);
-      var _fetchEvent = __webpack_require__(1745);
-      var _request = __webpack_require__(3371);
-      var _response = __webpack_require__(9062);
-      var _relativizeUrl = __webpack_require__(3754);
-      var _nextUrl = __webpack_require__(130);
-      var _internalUtils = __webpack_require__(2831);
+      var _error = __webpack_require__(6140);
+      var _utils = __webpack_require__(4867);
+      var _fetchEvent = __webpack_require__(1222);
+      var _request = __webpack_require__(6751);
+      var _response = __webpack_require__(1244);
+      var _relativizeUrl = __webpack_require__(1448);
+      var _nextUrl = __webpack_require__(7329);
+      var _internalUtils = __webpack_require__(8784);
       class NextRequestHint extends _request.NextRequest {
         constructor(params) {
           super(params.input, params.init);
@@ -1722,7 +1722,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3975: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6140: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1763,7 +1763,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 130: /***/ (
+    /***/ 7329: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1773,10 +1773,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _detectDomainLocale = __webpack_require__(733);
-      var _formatNextPathnameInfo = __webpack_require__(5468);
-      var _getHostname = __webpack_require__(2941);
-      var _getNextPathnameInfo = __webpack_require__(142);
+      var _detectDomainLocale = __webpack_require__(2911);
+      var _formatNextPathnameInfo = __webpack_require__(9209);
+      var _getHostname = __webpack_require__(658);
+      var _getNextPathnameInfo = __webpack_require__(4199);
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
         return new URL(
@@ -2001,7 +2001,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3265: /***/ (
+    /***/ 1552: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2011,7 +2011,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _cookie = _interopRequireDefault(__webpack_require__(1948));
+      var _cookie = _interopRequireDefault(__webpack_require__(965));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2146,7 +2146,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1745: /***/ (
+    /***/ 1222: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2157,7 +2157,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.waitUntilSymbol = void 0;
-      var _error = __webpack_require__(3975);
+      var _error = __webpack_require__(6140);
       const responseSymbol = Symbol("response");
       const passThroughSymbol = Symbol("passThrough");
       const waitUntilSymbol = Symbol("waitUntil");
@@ -2210,7 +2210,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3371: /***/ (
+    /***/ 6751: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2221,10 +2221,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.INTERNALS = void 0;
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _error = __webpack_require__(3975);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _error = __webpack_require__(6140);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal request");
       exports.INTERNALS = INTERNALS;
       class NextRequest extends Request {
@@ -2305,7 +2305,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9062: /***/ (
+    /***/ 1244: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2315,9 +2315,9 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal response");
       const REDIRECTS = new Set([301, 302, 303, 307, 308]);
       class NextResponse extends Response {
@@ -2407,7 +2407,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1264: /***/ (
+    /***/ 4112: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2421,7 +2421,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = isBot;
       exports.Nf = userAgentFromString;
       exports.WE = userAgent;
-      var _uaParserJs = _interopRequireDefault(__webpack_require__(3980));
+      var _uaParserJs = _interopRequireDefault(__webpack_require__(4803));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2449,7 +2449,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1657: /***/ (__unused_webpack_module, exports) => {
+    /***/ 4867: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2564,14 +2564,14 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8646: /***/ (module, exports, __webpack_require__) => {
+    /***/ 253: /***/ (module, exports, __webpack_require__) => {
       const serverExports = {
-        NextRequest: __webpack_require__(3371).NextRequest,
-        NextResponse: __webpack_require__(9062).NextResponse,
+        NextRequest: __webpack_require__(6751).NextRequest,
+        NextResponse: __webpack_require__(1244).NextResponse,
         userAgentFromString: __webpack_require__(
-          1264
+          4112
         ) /* .userAgentFromString */.Nf,
-        userAgent: __webpack_require__(1264) /* .userAgent */.WE
+        userAgent: __webpack_require__(4112) /* .userAgent */.WE
       };
 
       if (typeof URLPattern !== "undefined") {
@@ -2597,7 +2597,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = moduleId =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ var __webpack_exports__ = __webpack_exec__(3802);
+    /******/ var __webpack_exports__ = __webpack_exec__(2945);
     /******/ (_ENTRIES =
       typeof _ENTRIES === "undefined"
         ? {}
Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js
@@ -1,28 +1,28 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-8f8df33b6b56a893.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-a05ed569030d31cf.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-96e086d56d84ecf3.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-05aab9219f31b17e.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-205cf4435d5ba48b.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-6a7082101c10b2eb.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-428970b9517fb836.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-f197b4212dd3ac17.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-a0721d65b4a79d61.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-fac852909072e207.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-75aef063be641ae2.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-14f1db2c51bd6d3c.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-d37064300b3c4db4.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-f42908d1274536db.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-c45ddbbdf40183b7.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-8d5001f3d9b453cb.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-3a161ed8d6ff708b.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-d4b75595d8872d26.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-0c67288cb6d10629.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-53ad69e5e93570f5.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-b5e7495986c1e9ee.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-c7389de6fab068c3.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-076b8f5bf519ceb6.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-ec437cd8939c3756.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-572b4af651a903bd.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-63d31065422c4eeb.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 8351: /***/ function(
+    /***/ 7006: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(4181);
+          return __webpack_require__(1969);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(8351), __webpack_exec__(2670);
+      return __webpack_exec__(7006), __webpack_exec__(1897);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for _error-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [820],
   {
-    /***/ 9548: /***/ function(
+    /***/ 3020: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(6787);
+          return __webpack_require__(1581);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(9548);
+      return __webpack_exec__(3020);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for amp-HASH.js
@@ -1,17 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [216],
   {
-    /***/ 3485: /***/ function(
+    /***/ 7481: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3840);
+      module.exports = __webpack_require__(6240);
 
       /***/
     },
 
-    /***/ 6530: /***/ function(
+    /***/ 2880: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(3815);
+          return __webpack_require__(5810);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 3840: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6240: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -38,8 +38,8 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _ampContext = __webpack_require__(6799);
-      var _ampMode = __webpack_require__(6032);
+      var _ampContext = __webpack_require__(7825);
+      var _ampMode = __webpack_require__(6357);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 3815: /***/ function(
+    /***/ 5810: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -78,7 +78,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3485
+        7481
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -102,7 +102,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(6530);
+      return __webpack_exec__(2880);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for css-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [706],
   {
-    /***/ 631: /***/ function(
+    /***/ 1737: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(9817);
+          return __webpack_require__(2146);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9817: /***/ function(
+    /***/ 2146: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         1760
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5550
+        3892
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 5550: /***/ function(module) {
+    /***/ 3892: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
@@ -61,7 +61,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(631);
+      return __webpack_exec__(1737);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for dynamic-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [739],
   {
-    /***/ 8963: /***/ function(
+    /***/ 9051: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(26);
+          return __webpack_require__(3768);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 292: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4517: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -34,7 +34,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadable = _interop_require_default(__webpack_require__(9749));
+      var _loadable = _interop_require_default(__webpack_require__(7792));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = (options == null
@@ -137,7 +137,7 @@
       /***/
     },
 
-    /***/ 3824: /***/ function(
+    /***/ 4511: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -159,7 +159,7 @@
       /***/
     },
 
-    /***/ 9749: /***/ function(
+    /***/ 7792: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -179,7 +179,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadableContext = __webpack_require__(3824);
+      var _loadableContext = __webpack_require__(4511);
       var useSyncExternalStore = (true ? __webpack_require__(6273) : 0)
         .useSyncExternalStore;
       var ALL_INITIALIZERS = [];
@@ -493,7 +493,7 @@
       /***/
     },
 
-    /***/ 26: /***/ function(
+    /***/ 3768: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -510,7 +510,7 @@
         1760
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6706
+        9477
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -519,13 +519,13 @@
       var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 27)
-            .then(__webpack_require__.bind(__webpack_require__, 2774));
+            .e(/* import() */ 201)
+            .then(__webpack_require__.bind(__webpack_require__, 3201));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 2774];
+              return [/*require.resolve*/ 3201];
             }
           }
         }
@@ -555,12 +555,12 @@
       /***/
     },
 
-    /***/ 6706: /***/ function(
+    /***/ 9477: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(292);
+      module.exports = __webpack_require__(4517);
 
       /***/
     }
@@ -571,7 +571,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8963);
+      return __webpack_exec__(9051);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for edge-ssr-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [800],
   {
-    /***/ 529: /***/ function(
+    /***/ 3839: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/edge-ssr",
         function() {
-          return __webpack_require__(1366);
+          return __webpack_require__(4428);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1366: /***/ function(
+    /***/ 4428: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -50,7 +50,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(529);
+      return __webpack_exec__(3839);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for head-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [645],
   {
-    /***/ 8780: /***/ function(
+    /***/ 2116: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(5268);
+          return __webpack_require__(6355);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5268: /***/ function(
+    /***/ 6355: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8722
+        8631
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -71,12 +71,12 @@
       /***/
     },
 
-    /***/ 8722: /***/ function(
+    /***/ 8631: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8985);
+      module.exports = __webpack_require__(2792);
 
       /***/
     }
@@ -87,7 +87,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8780);
+      return __webpack_exec__(2116);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for hooks-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 4076: /***/ function(
+    /***/ 1042: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(4903);
+          return __webpack_require__(1467);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4903: /***/ function(
+    /***/ 1467: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -132,7 +132,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4076);
+      return __webpack_exec__(1042);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for image-HASH.js
@@ -26,7 +26,7 @@
       /***/
     },
 
-    /***/ 7735: /***/ function(
+    /***/ 7865: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -34,7 +34,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(7375);
+          return __webpack_require__(8908);
         }
       ]);
       if (false) {
@@ -43,7 +43,7 @@
       /***/
     },
 
-    /***/ 4998: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9022: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -66,12 +66,12 @@
         5997
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _head = _interop_require_default(__webpack_require__(8985));
-      var _imageConfig = __webpack_require__(5167);
-      var _useIntersection = __webpack_require__(4173);
-      var _imageConfigContext = __webpack_require__(9692);
-      var _utils = __webpack_require__(400);
-      var _normalizeTrailingSlash = __webpack_require__(5212);
+      var _head = _interop_require_default(__webpack_require__(2792));
+      var _imageConfig = __webpack_require__(6615);
+      var _useIntersection = __webpack_require__(636);
+      var _imageConfigContext = __webpack_require__(907);
+      var _utils = __webpack_require__(632);
+      var _normalizeTrailingSlash = __webpack_require__(4267);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -929,7 +929,7 @@
       /***/
     },
 
-    /***/ 4173: /***/ function(module, exports, __webpack_require__) {
+    /***/ 636: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -941,7 +941,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(6273);
-      var _requestIdleCallback = __webpack_require__(9874);
+      var _requestIdleCallback = __webpack_require__(8332);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -1066,7 +1066,7 @@
       /***/
     },
 
-    /***/ 7375: /***/ function(
+    /***/ 8908: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1087,8 +1087,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@0.0.0-experimental-cb5084d1c-20220924/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(1760);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
-      var next_image = __webpack_require__(1769);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
+      var next_image = __webpack_require__(3608);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -1118,12 +1118,12 @@
       /***/
     },
 
-    /***/ 1769: /***/ function(
+    /***/ 3608: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4998);
+      module.exports = __webpack_require__(9022);
 
       /***/
     }
@@ -1134,7 +1134,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(7735);
+      return __webpack_exec__(7865);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for index-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 2047: /***/ function(
+    /***/ 1239: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(5444);
+          return __webpack_require__(6544);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5444: /***/ function(
+    /***/ 6544: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -46,7 +46,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(2047);
+      return __webpack_exec__(1239);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for link-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [644],
   
Post job cleanup.
[command]/usr/bin/git version
git version 2.37.3
Temporarily overriding HOME='/home/runner/work/_temp/b6555a53-2559-471e-aaea-ead35e1989e4' before making global git config changes
Adding repository directory to the temporary git global config as a safe directory
[command]/usr/bin/git config --global --add safe.directory /home/runner/work/next.js/next.js
[command]/usr/bin/git config --local --name-only --get-regexp core\.sshCommand
[command]/usr/bin/git submodule foreach --recursive git config --local --name-only --get-regexp 'core\.sshCommand' && git config --local --unset-all 'core.sshCommand' || :
[command]/usr/bin/git config --local --name-only --get-regexp http\.https\:\/\/github\.com\/\.extraheader
http.https://github.com/.extraheader
[command]/usr/bin/git config --local --unset-all http.https://github.com/.extraheader
[command]/usr/bin/git submodule foreach --recursive git config --local --name-only --get-regexp 'http\.https\:\/\/github\.com\/\.extraheader' && git config --local --unset-all 'http.https://github.com/.extraheader' || :
Cleaning up orphan processes
Commit: 0bba6b88d45e7c13721750f991b54491e49ac9f7

@shuding shuding marked this pull request as ready for review October 7, 2022 22:23
@shuding shuding requested a review from ijjk October 9, 2022 00:45
@kodiakhq kodiakhq bot merged commit e933e1d into vercel:canary Oct 9, 2022
@shuding shuding deleted the shu/dybn branch October 9, 2022 15:49
ijjk pushed a commit that referenced this pull request Oct 12, 2022
The PR continues from #41164.

`next/script` with `beforeInteractive` should not block the hydration,
**but the `polyfill-nomodule` *should* block the hydration** (and should
be loaded before other scripts), as `polyfill-nomodule` includes
multiple polyfills to even execute `main-app.[hash].js` properly on old
browsers (`Array.prototype.includes`, `String.prototype.startsWith`,
etc.).

Without `polyfill-nomodule` being loaded first, the entire
bootstrap/hydration process might not even work on old browsers. So it
should not be loaded through `__next_s`.

cc @shuding

Co-authored-by: Shu Ding <g@shud.in>
Kikobeats pushed a commit to Kikobeats/next.js that referenced this pull request Oct 24, 2022
…ercel#41164)

This PR ensures that for the app directory, `beforeInteractive`, `afterInteractive` and `lazyOnload` scripts via `next/script` are properly supported.

For both `beforeInteractive` and `afterInteractive` scripts, a preload link tag needs to be injected by Float. For `beforeInteractive` scripts and Next.js' polyfills, they need to be manually executed in order before starting the Next.js' runtime, without blocking the downloading of HTML and other scripts.

This PR doesn't include the `worker` type of scripts yet.

Note: in this PR I changed the inlined flight data `__next_s` to `__next_f`, and use `__next_s` for scripts data, because I can't find a better name for `next/script` that is also short at the same time.

## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have a helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [x] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have a helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm lint`
- [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
Kikobeats pushed a commit to Kikobeats/next.js that referenced this pull request Oct 24, 2022
…l#41352)

The PR continues from vercel#41164.

`next/script` with `beforeInteractive` should not block the hydration,
**but the `polyfill-nomodule` *should* block the hydration** (and should
be loaded before other scripts), as `polyfill-nomodule` includes
multiple polyfills to even execute `main-app.[hash].js` properly on old
browsers (`Array.prototype.includes`, `String.prototype.startsWith`,
etc.).

Without `polyfill-nomodule` being loaded first, the entire
bootstrap/hydration process might not even work on old browsers. So it
should not be loaded through `__next_s`.

cc @shuding

Co-authored-by: Shu Ding <g@shud.in>
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Nov 16, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants