Skip to content

Commit

Permalink
[docs] Improve documentation around pageExtensions (#40039)
Browse files Browse the repository at this point in the history
Reverts #40016.

`pageExtensions` is not frequently used – as is mostly a workaround
until the Layouts RFC lands. Thus, it doesn't make sense to place a note
on the Middleware page and expect readers to need to connect the dots
and understand `pageExtensions`.

Further, the example docs linked could be more specific about Middleware
to prevent this confusion. I will also make that change here.

Co-authored-by: Balázs Orbán <info@balazsorban.com>
  • Loading branch information
leerob and balazsorban44 committed Sep 30, 2022
1 parent 93ff04b commit 4f793fd
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 24 deletions.
2 changes: 0 additions & 2 deletions docs/advanced-features/middleware.md
Expand Up @@ -50,8 +50,6 @@ export const config = {
}
```

> **Note** the `pageExtensions` config affects middleware as well, [see related documentation here](/docs/api-reference/next.config.js/custom-page-extensions.md).
## Matching Paths

Middleware will be invoked for **every route in your project**. The following is the execution order:
Expand Down
32 changes: 10 additions & 22 deletions docs/api-reference/next.config.js/custom-page-extensions.md
Expand Up @@ -4,46 +4,34 @@ description: Extend the default page extensions used by Next.js when resolving p

# Custom Page Extensions

Aimed at modules like [@next/mdx](https://github.com/vercel/next.js/tree/canary/packages/next-mdx), which adds support for pages ending with `.mdx`. You can configure the extensions looked for in the `pages` directory when resolving pages.

Open `next.config.js` and add the `pageExtensions` config:
You can extend the default Page extensions (`.tsx`, `.ts`, `.jsx`, `.js`) used by Next.js. Inside `next.config.js`, add the `pageExtensions` config:

```js
module.exports = {
pageExtensions: ['mdx', 'md', 'jsx', 'js', 'tsx', 'ts'],
}
```

> **Note**: The default value of `pageExtensions` is [`['tsx', 'ts', 'jsx', 'js']`](https://github.com/vercel/next.js/blob/f1dbc9260d48c7995f6c52f8fbcc65f08e627992/packages/next/server/config-shared.ts#L161).
Changing these values affects _all_ Next.js pages, including the following:

> **Note**: configuring `pageExtensions` also affects `_document.js`, `_app.js`, `middleware.js` as well as files under `pages/api/`. For example, setting `pageExtensions: ['page.tsx', 'page.ts']` means the following files: `_document.tsx`, `_app.tsx`, `middleware.ts`, `pages/users.tsx` and `pages/api/users.ts` will have to be renamed to `_document.page.tsx`, `_app.page.tsx`, `middleware.page.ts`, `pages/users.page.tsx` and `pages/api/users.page.ts` respectively.
- `middleware.js`
- `pages/_document.js`
- `pages/_app.js`
- `pages/api/`

## Including non-page files in the `pages` directory
For example, if you reconfigure `.ts` page extensions to `.page.ts`, you would need to rename pages like `_app.page.ts`.

To colocate test files, generated files, or other files used by components in the `pages` directory, you can prefix the extensions with something like `page`.
## Including non-page files in the `pages` directory

Open `next.config.js` and add the `pageExtensions` config:
You can colocate test files or other files used by components in the `pages` directory. Inside `next.config.js`, add the `pageExtensions` config:

```js
module.exports = {
pageExtensions: ['page.tsx', 'page.ts', 'page.jsx', 'page.js'],
}
```

Then rename your pages to have a file extension that includes `.page` (ex. rename `MyPage.tsx` to `MyPage.page.tsx`).

> **Note**: Make sure you also rename `_document.js`, `_app.js`, `middleware.js`, as well as files under `pages/api/`.
Without this config, Next.js assumes every tsx/ts/jsx/js file in the `pages` directory is a page or API route, and may expose unintended routes vulnerable to denial of service attacks, or throw an error like the following when building the production bundle:

```
Build error occurred
Error: Build optimization failed: found pages without a React Component as default export in
pages/MyPage.generated
pages/MyPage.test
See https://nextjs.org/docs/messages/page-without-valid-component for more info.
```
Then, rename your pages to have a file extension that includes `.page` (e.g. rename `MyPage.tsx` to `MyPage.page.tsx`). Ensure you rename _all_ Next.js pages, including the files mentioned above.

## Related

Expand Down

1 comment on commit 4f793fd

@ijjk
Copy link
Member

@ijjk ijjk commented on 4f793fd Sep 30, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Stats from current release

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
buildDuration 21s 25.5s ⚠️ +4.6s
buildDurationCached 7.6s 8.8s ⚠️ +1.1s
nodeModulesSize 81.9 MB 91.9 MB ⚠️ +10 MB
nextStartRea..uration (ms) 271ms 270ms -1ms
nextDevReadyDuration 306ms 296ms -10ms
Page Load Tests Overall decrease ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
/ failed reqs 0 0
/ total time (seconds) 9.089 9.215 ⚠️ +0.13
/ avg req/sec 275.06 271.29 ⚠️ -3.77
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 6.257 6.378 ⚠️ +0.12
/error-in-render avg req/sec 399.57 391.94 ⚠️ -7.63
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
763.HASH.js gzip 179 B 179 B
app-internal..HASH.js gzip 213 B 406 B ⚠️ +193 B
framework-HASH.js gzip 48.8 kB 48.8 kB
main-app-HASH.js gzip 14.9 kB 3.95 kB -10.9 kB
main-HASH.js gzip 31 kB 31 kB ⚠️ +8 B
webpack-HASH.js gzip 1.54 kB 1.73 kB ⚠️ +195 B
37-HASH.js gzip N/A 12.2 kB N/A
Overall change 96.6 kB 98.2 kB ⚠️ +1.7 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
_app-HASH.js gzip 201 B 202 B ⚠️ +1 B
_error-HASH.js gzip 194 B 195 B ⚠️ +1 B
amp-HASH.js gzip 492 B 490 B -2 B
css-HASH.js gzip 327 B 328 B ⚠️ +1 B
dynamic-HASH.js gzip 2.03 kB 2.03 kB
edge-ssr-HASH.js gzip 272 B 272 B
head-HASH.js gzip 356 B 356 B
hooks-HASH.js gzip 803 B 804 B ⚠️ +1 B
image-HASH.js gzip 4.88 kB 4.88 kB ⚠️ +4 B
index-HASH.js gzip 264 B 261 B -3 B
link-HASH.js gzip 2.37 kB 2.37 kB -1 B
routerDirect..HASH.js gzip 321 B 319 B -2 B
script-HASH.js gzip 390 B 392 B ⚠️ +2 B
withRouter-HASH.js gzip 318 B 318 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 13.3 kB 13.3 kB ⚠️ +2 B
Client Build Manifests
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
_buildManifest.js gzip 483 B 483 B
Overall change 483 B 483 B
Rendered Page Sizes
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
index.html gzip 513 B 511 B -2 B
link.html gzip 526 B 527 B ⚠️ +1 B
withRouter.html gzip 506 B 507 B ⚠️ +1 B
Overall change 1.54 kB 1.54 kB
Edge SSR bundle Size Overall decrease ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
edge-ssr.js gzip 123 kB 61.3 kB -61.5 kB
page.js gzip 156 kB 70.7 kB -84.9 kB
Overall change 278 kB 132 kB -146 kB
Middleware size Overall decrease ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
middleware-b..fest.js gzip 589 B 606 B ⚠️ +17 B
middleware-r..fest.js gzip 145 B 145 B
middleware.js gzip 19.3 kB 18.8 kB -502 B
edge-runtime..pack.js gzip 2.21 kB 1.83 kB -379 B
Overall change 22.2 kB 21.3 kB -864 B

Diffs

Diff for page.js

Diff too large to display

Diff for edge-runtime-webpack.js
@@ -107,51 +107,6 @@
       /******/
     };
     /******/
-  })(); /* webpack/runtime/create fake namespace object */
-  /******/
-
-  /******/ /******/ (() => {
-    /******/ var getProto = Object.getPrototypeOf
-      ? obj => Object.getPrototypeOf(obj)
-      : obj => obj.__proto__;
-    /******/ var leafPrototypes; // create a fake namespace object // mode & 1: value is a module id, require it // mode & 2: merge all properties of value into the ns // mode & 4: return value when already ns object // mode & 16: return value when it's Promise-like // mode & 8|1: behave like require
-    /******/ /******/ /******/ /******/ /******/ /******/ /******/ __webpack_require__.t = function(
-      value,
-      mode
-    ) {
-      /******/ if (mode & 1) value = this(value);
-      /******/ if (mode & 8) return value;
-      /******/ if (typeof value === "object" && value) {
-        /******/ if (mode & 4 && value.__esModule) return value;
-        /******/ if (mode & 16 && typeof value.then === "function")
-          return value;
-        /******/
-      }
-      /******/ var ns = Object.create(null);
-      /******/ __webpack_require__.r(ns);
-      /******/ var def = {};
-      /******/ leafPrototypes = leafPrototypes || [
-        null,
-        getProto({}),
-        getProto([]),
-        getProto(getProto)
-      ];
-      /******/ for (
-        var current = mode & 2 && value;
-        typeof current == "object" && !~leafPrototypes.indexOf(current);
-        current = getProto(current)
-      ) {
-        /******/ Object.getOwnPropertyNames(current).forEach(
-          key => (def[key] = () => value[key])
-        );
-        /******/
-      }
-      /******/ def["default"] = () => value;
-      /******/ __webpack_require__.d(ns, def);
-      /******/ return ns;
-      /******/
-    };
-    /******/
   })(); /* webpack/runtime/define property getters */
   /******/
Diff for middleware-b..-manifest.js
@@ -7,95 +7,96 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-febbc35da74b49b7.js",
+    "static/chunks/webpack-90dc29c93e4df918.js",
     "static/chunks/framework-678aff0bb8ee52d2.js",
-    "static/chunks/main-app-e936a9d4166368f6.js"
+    "static/chunks/37-83dce667d051066b.js",
+    "static/chunks/main-app-01be8816cd2ebd17.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/index-7006f133a7f411c1.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/index-a0dbceb1acd97141.js"
     ],
     "/_app": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/_app-2ed6270475e66c72.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/_app-71d03ec80432714d.js"
     ],
     "/_error": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/_error-087ce1b1fb55609f.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/_error-812087a3eff7337a.js"
     ],
     "/amp": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/amp-782a2a4b83a9c596.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/amp-6af15d9ea01dca3c.js"
     ],
     "/css": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
+      "static/chunks/main-d712e38463beccbc.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-0742f8df5574a2e1.js"
+      "static/chunks/pages/css-eb52c5ce4b1b2161.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/dynamic-e0d9f7d67377624d.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/dynamic-d743104cad24cf7b.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/edge-ssr-ec71d2c6be7eb73c.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/edge-ssr-cce7817452545c4e.js"
     ],
     "/head": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/head-0e365abb20eafa94.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/head-d86b8689a698c2eb.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/hooks-57a847a4de579d36.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/hooks-85059ebdd58dd774.js"
     ],
     "/image": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/image-20d2a4f68bc05d4c.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/image-8d05bd8ffa907f71.js"
     ],
     "/link": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/link-3e6b8686ce92ce87.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/link-26ad2fab1093b50f.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/routerDirect-d9a92f165150c850.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/routerDirect-bab250ea4edec8a6.js"
     ],
     "/script": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/script-a79b681378cbe2ea.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/script-d2e59ee82261b34b.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/withRouter-9d5070dfea49aed8.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/withRouter-6728711715b7767b.js"
     ]
   },
   ampFirstPages: []
Diff for middleware-r..-manifest.js
@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 4763,
-    files: ["static/chunks/763.4675268ea2b1b617.js"]
+    id: 1854,
+    files: ["static/chunks/854.b6465d4dd4e21333.js"]
   }
 };
Diff for middleware.js

Diff too large to display

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-7006f133a7f411c1.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-087ce1b1fb55609f.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-782a2a4b83a9c596.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-a0dbceb1acd97141.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-812087a3eff7337a.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-6af15d9ea01dca3c.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-0742f8df5574a2e1.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-eb52c5ce4b1b2161.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-e0d9f7d67377624d.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-d743104cad24cf7b.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-ec71d2c6be7eb73c.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-cce7817452545c4e.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-0e365abb20eafa94.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-57a847a4de579d36.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-20d2a4f68bc05d4c.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-3e6b8686ce92ce87.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-d86b8689a698c2eb.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-85059ebdd58dd774.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-8d05bd8ffa907f71.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-26ad2fab1093b50f.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-d9a92f165150c850.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-bab250ea4edec8a6.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-a79b681378cbe2ea.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-d2e59ee82261b34b.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-9d5070dfea49aed8.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-6728711715b7767b.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 302: /***/ function(
+    /***/ 5298: /***/ 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__(7297);
+          return __webpack_require__(2839);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(302), __webpack_exec__(1960);
+      return __webpack_exec__(5298), __webpack_exec__(4297);
     });
     /******/ 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],
   {
-    /***/ 8845: /***/ function(
+    /***/ 6302: /***/ 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__(5054);
+          return __webpack_require__(5164);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(8845);
+      return __webpack_exec__(6302);
     });
     /******/ 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],
   {
-    /***/ 9343: /***/ function(
+    /***/ 207: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(900);
+      module.exports = __webpack_require__(6886);
 
       /***/
     },
 
-    /***/ 4369: /***/ function(
+    /***/ 386: /***/ 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__(8876);
+          return __webpack_require__(2075);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 900: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6886: /***/ 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__(7327));
-      var _ampContext = __webpack_require__(526);
-      var _ampMode = __webpack_require__(752);
+      var _ampContext = __webpack_require__(3434);
+      var _ampMode = __webpack_require__(4047);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 8876: /***/ function(
+    /***/ 2075: /***/ 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__(
-        9343
+        207
       );
       /* 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__(4369);
+      return __webpack_exec__(386);
     });
     /******/ 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],
   {
-    /***/ 8063: /***/ function(
+    /***/ 7471: /***/ 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__(8461);
+          return __webpack_require__(1972);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8461: /***/ function(
+    /***/ 1972: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         6868
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9993
+        5317
       );
       /* 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 @@
       /***/
     },
 
-    /***/ 9993: /***/ function(module) {
+    /***/ 5317: /***/ 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__(8063);
+      return __webpack_exec__(7471);
     });
     /******/ 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],
   {
-    /***/ 4620: /***/ function(
+    /***/ 7849: /***/ 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__(9122);
+          return __webpack_require__(2318);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4424: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3823: /***/ 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__(7327));
-      var _loadable = _interop_require_default(__webpack_require__(7733));
+      var _loadable = _interop_require_default(__webpack_require__(466));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = (options == null
@@ -138,7 +138,7 @@
       /***/
     },
 
-    /***/ 2499: /***/ function(
+    /***/ 308: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -160,7 +160,7 @@
       /***/
     },
 
-    /***/ 7733: /***/ function(
+    /***/ 466: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -180,7 +180,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(7327));
-      var _loadableContext = __webpack_require__(2499);
+      var _loadableContext = __webpack_require__(308);
       var useSyncExternalStore = (true ? __webpack_require__(7327) : 0)
         .useSyncExternalStore;
       var ALL_INITIALIZERS = [];
@@ -494,7 +494,7 @@
       /***/
     },
 
-    /***/ 9122: /***/ function(
+    /***/ 2318: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -511,7 +511,7 @@
         6868
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        164
+        3890
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -520,13 +520,13 @@
       var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 763)
-            .then(__webpack_require__.bind(__webpack_require__, 4763));
+            .e(/* import() */ 854)
+            .then(__webpack_require__.bind(__webpack_require__, 1854));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 4763];
+              return [/*require.resolve*/ 1854];
             }
           }
         }
@@ -556,12 +556,12 @@
       /***/
     },
 
-    /***/ 164: /***/ function(
+    /***/ 3890: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4424);
+      module.exports = __webpack_require__(3823);
 
       /***/
     }
@@ -572,7 +572,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4620);
+      return __webpack_exec__(7849);
     });
     /******/ 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],
   {
-    /***/ 9321: /***/ function(
+    /***/ 7308: /***/ 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__(3934);
+          return __webpack_require__(7265);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 3934: /***/ function(
+    /***/ 7265: /***/ 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__(9321);
+      return __webpack_exec__(7308);
     });
     /******/ 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],
   {
-    /***/ 6369: /***/ function(
+    /***/ 6582: /***/ 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__(7405);
+          return __webpack_require__(6359);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7405: /***/ function(
+    /***/ 6359: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8496
+        7321
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -71,12 +71,12 @@
       /***/
     },
 
-    /***/ 8496: /***/ function(
+    /***/ 7321: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5953);
+      module.exports = __webpack_require__(6918);
 
       /***/
     }
@@ -87,7 +87,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(6369);
+      return __webpack_exec__(6582);
     });
     /******/ 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],
   {
-    /***/ 343: /***/ function(
+    /***/ 4231: /***/ 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__(4742);
+          return __webpack_require__(2473);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4742: /***/ function(
+    /***/ 2473: /***/ 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__(343);
+      return __webpack_exec__(4231);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for image-HASH.js
@@ -26,7 +26,7 @@
       /***/
     },
 
-    /***/ 5352: /***/ function(
+    /***/ 4277: /***/ 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__(8627);
+          return __webpack_require__(7151);
         }
       ]);
       if (false) {
@@ -43,7 +43,7 @@
       /***/
     },
 
-    /***/ 8699: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1544: /***/ 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__(7327));
-      var _head = _interop_require_default(__webpack_require__(5953));
-      var _imageConfig = __webpack_require__(8173);
-      var _useIntersection = __webpack_require__(4911);
-      var _imageConfigContext = __webpack_require__(4623);
-      var _utils = __webpack_require__(5327);
-      var _normalizeTrailingSlash = __webpack_require__(5973);
+      var _head = _interop_require_default(__webpack_require__(6918));
+      var _imageConfig = __webpack_require__(6832);
+      var _useIntersection = __webpack_require__(6031);
+      var _imageConfigContext = __webpack_require__(7293);
+      var _utils = __webpack_require__(481);
+      var _normalizeTrailingSlash = __webpack_require__(6933);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -929,7 +929,7 @@
       /***/
     },
 
-    /***/ 4911: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6031: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -941,7 +941,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7327);
-      var _requestIdleCallback = __webpack_require__(854);
+      var _requestIdleCallback = __webpack_require__(8482);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -1066,7 +1066,7 @@
       /***/
     },
 
-    /***/ 8627: /***/ function(
+    /***/ 7151: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1087,8 +1087,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@0.0.0-experimental-abbbdf4ce-20220930/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(6868);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_f47tis6ffrivjeesiut5tg6xei/node_modules/next/image.js
-      var next_image = __webpack_require__(5034);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_f47tis6ffrivjeesiut5tg6xei/node_modules/next/image.js
+      var next_image = __webpack_require__(8885);
       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 @@
       /***/
     },
 
-    /***/ 5034: /***/ function(
+    /***/ 8885: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8699);
+      module.exports = __webpack_require__(1544);
 
       /***/
     }
@@ -1134,7 +1134,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5352);
+      return __webpack_exec__(4277);
     });
     /******/ 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],
   {
-    /***/ 7720: /***/ function(
+    /***/ 241: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(5260);
+          return __webpack_require__(359);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5260: /***/ function(
+    /***/ 359: /***/ 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__(7720);
+      return __webpack_exec__(241);
     });
     /******/ 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],
   {
-    /***/ 1249: /***/ function(
+    /***/ 6764: /***/ 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__(7487);
+          return __webpack_require__(1940);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1460: /***/ function(module, exports) {
+    /***/ 7175: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 9319: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5454: /***/ 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__(7327));
-      var _router = __webpack_require__(9050);
-      var _addLocale = __webpack_require__(375);
-      var _routerContext = __webpack_require__(9992);
-      var _appRouterContext = __webpack_require__(6277);
-      var _useIntersection = __webpack_require__(4911);
-      var _getDomainLocale = __webpack_require__(1460);
-      var _addBasePath = __webpack_require__(6060);
+      var _router = __webpack_require__(3581);
+      var _addLocale = __webpack_require__(5281);
+      var _routerContext = __webpack_require__(3120);
+      var _appRouterContext = __webpack_require__(7420);
+      var _useIntersection = __webpack_require__(6031);
+      var _getDomainLocale = __webpack_require__(7175);
+      var _addBasePath = __webpack_require__(3492);
       ("client");
       var prefetched = {};
       function prefetch(router, href, as, options) {
@@ -158,255 +158,260 @@
           navigate();
         }
       }
-      var Link = /*#__PURE__*/ _react.default.forwardRef(function LinkComponent(
-        props,
-        forwardedRef
-      ) {
-        if (false) {
-          var hasWarned,
-            optionalProps,
-            optionalPropsGuard,
-            requiredProps,
-            requiredPropsGuard,
-            createPropError;
-        }
-        var children;
-        var hrefProp = props.href,
-          asProp = props.as,
-          childrenProp = props.children,
-          prefetchProp = props.prefetch,
-          passHref = props.passHref,
-          replace = props.replace,
-          shallow = props.shallow,
-          scroll = props.scroll,
-          locale = props.locale,
-          onClick = props.onClick,
-          onMouseEnter = props.onMouseEnter,
-          onTouchStart = props.onTouchStart,
-          _legacyBehavior = props.legacyBehavior,
-          legacyBehavior =
-            _legacyBehavior === void 0
-              ? Boolean(false) !== true
-              : _legacyBehavior,
-          restProps = _object_without_properties_loose(props, [
-            "href",
-            "as",
-            "children",
-            "prefetch",
-            "passHref",
-            "replace",
-            "shallow",
-            "scroll",
-            "locale",
-            "onClick",
-            "onMouseEnter",
-            "onTouchStart",
-            "legacyBehavior"
-          ]);
-        children = childrenProp;
-        if (
-          legacyBehavior &&
-          (typeof children === "string" || typeof children === "number")
-        ) {
-          children = /*#__PURE__*/ _react.default.createElement(
-            "a",
-            null,
-            children
-          );
-        }
-        var p = prefetchProp !== false;
-        var router = _react.default.useContext(_routerContext.RouterContext);
-        // TODO-APP: type error. Remove `as any`
-        var appRouter = _react.default.useContext(
-          _appRouterContext.AppRouterContext
-        );
-        if (appRouter) {
-          router = appRouter;
-        }
-        var ref = _react.default.useMemo(
-            function() {
-              var ref = _slicedToArray(
-                  (0, _router).resolveHref(router, hrefProp, true),
-                  2
-                ),
-                resolvedHref = ref[0],
-                resolvedAs = ref[1];
-              return {
-                href: resolvedHref,
-                as: asProp
-                  ? (0, _router).resolveHref(router, asProp)
-                  : resolvedAs || resolvedHref
-              };
-            },
-            [router, hrefProp, asProp]
-          ),
-          href = ref.href,
-          as = ref.as;
-        var previousHref = _react.default.useRef(href);
-        var previousAs = _react.default.useRef(as);
-        // This will return the first child, if multiple are provided it will throw an error
-        var child;
-        if (legacyBehavior) {
+      /**
+       * React Component that enables client-side transitions between routes.
+       */ var Link = /*#__PURE__*/ _react.default.forwardRef(
+        function LinkComponent(props, forwardedRef) {
           if (false) {
-          } else {
-            child = _react.default.Children.only(children);
+            var hasWarned,
+              optionalProps,
+              optionalPropsGuard,
+              requiredProps,
+              requiredPropsGuard,
+              createPropError;
           }
-        }
-        var childRef = legacyBehavior
-          ? child && typeof child === "object" && child.ref
-          : forwardedRef;
-        var ref1 = _slicedToArray(
-            (0, _useIntersection).useIntersection({
-              rootMargin: "200px"
-            }),
-            3
-          ),
-          setIntersectionRef = ref1[0],
-          isVisible = ref1[1],
-          resetVisible = ref1[2];
-        var setRef = _react.default.useCallback(
-          function(el) {
-            // Before the link getting observed, check if visible state need to be reset
-            if (previousAs.current !== as || previousHref.current !== href) {
-              resetVisible();
-              previousAs.current = as;
-              previousHref.current = href;
-            }
-            setIntersectionRef(el);
-            if (childRef) {
-              if (typeof childRef === "function") childRef(el);
-              else if (typeof childRef === "object") {
-                childRef.current = el;
-              }
-            }
-          },
-          [as, childRef, href, resetVisible, setIntersectionRef]
-        );
-        _react.default.useEffect(
-          function() {
-            var shouldPrefetch =
-              isVisible && p && (0, _router).isLocalURL(href);
-            var curLocale =
-              typeof locale !== "undefined" ? locale : router && router.locale;
-            var isPrefetched =
-              prefetched[href + "%" + as + (curLocale ? "%" + curLocale : "")];
-            if (shouldPrefetch && !isPrefetched) {
-              prefetch(router, href, as, {
-                locale: curLocale
-              });
-            }
-          },
-          [as, href, isVisible, locale, p, router]
-        );
-        var childProps = {
-          ref: setRef,
-          onClick: function(e) {
+          var children;
+          var hrefProp = props.href,
+            asProp = props.as,
+            childrenProp = props.children,
+            prefetchProp = props.prefetch,
+            passHref = props.passHref,
+            replace = props.replace,
+            shallow = props.shallow,
+            scroll = props.scroll,
+            locale = props.locale,
+            onClick = props.onClick,
+            onMouseEnter = props.onMouseEnter,
+            onTouchStart = props.onTouchStart,
+            _legacyBehavior = props.legacyBehavior,
+            legacyBehavior =
+              _legacyBehavior === void 0
+                ? Boolean(false) !== true
+                : _legacyBehavior,
+            restProps = _object_without_properties_loose(props, [
+              "href",
+              "as",
+              "children",
+              "prefetch",
+              "passHref",
+              "replace",
+              "shallow",
+              "scroll",
+              "locale",
+              "onClick",
+              "onMouseEnter",
+              "onTouchStart",
+              "legacyBehavior"
+            ]);
+          children = childrenProp;
+          if (
+            legacyBehavior &&
+            (typeof children === "string" || typeof children === "number")
+          ) {
+            children = /*#__PURE__*/ _react.default.createElement(
+              "a",
+              null,
+              children
+            );
+          }
+          var p = prefetchProp !== false;
+          var router = _react.default.useContext(_routerContext.RouterContext);
+          // TODO-APP: type error. Remove `as any`
+          var appRouter = _react.default.useContext(
+            _appRouterContext.AppRouterContext
+          );
+          if (appRouter) {
+            router = appRouter;
+          }
+          var ref = _react.default.useMemo(
+              function() {
+                var ref = _slicedToArray(
+                    (0, _router).resolveHref(router, hrefProp, true),
+                    2
+                  ),
+                  resolvedHref = ref[0],
+                  resolvedAs = ref[1];
+                return {
+                  href: resolvedHref,
+                  as: asProp
+                    ? (0, _router).resolveHref(router, asProp)
+                    : resolvedAs || resolvedHref
+                };
+              },
+              [router, hrefProp, asProp]
+            ),
+            href = ref.href,
+            as = ref.as;
+          var previousHref = _react.default.useRef(href);
+          var previousAs = _react.default.useRef(as);
+          // This will return the first child, if multiple are provided it will throw an error
+          var child;
+          if (legacyBehavior) {
             if (false) {
+            } else {
+              child = _react.default.Children.only(children);
             }
-            if (!legacyBehavior && typeof onClick === "function") {
-              onClick(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onClick === "function"
-            ) {
-              child.props.onClick(e);
-            }
-            if (!e.defaultPrevented) {
-              linkClicked(
-                e,
-                router,
-                href,
-                as,
-                replace,
-                shallow,
-                scroll,
-                locale,
-                Boolean(appRouter),
-                p
-              );
-            }
-          },
-          onMouseEnter: function(e) {
-            if (!legacyBehavior && typeof onMouseEnter === "function") {
-              onMouseEnter(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onMouseEnter === "function"
-            ) {
-              child.props.onMouseEnter(e);
-            }
-            // Check for not prefetch disabled in page using appRouter
-            if (!(!p && appRouter)) {
-              if ((0, _router).isLocalURL(href)) {
-                prefetch(router, href, as, {
-                  priority: true
-                });
+          }
+          var childRef = legacyBehavior
+            ? child && typeof child === "object" && child.ref
+            : forwardedRef;
+          var ref1 = _slicedToArray(
+              (0, _useIntersection).useIntersection({
+                rootMargin: "200px"
+              }),
+              3
+            ),
+            setIntersectionRef = ref1[0],
+            isVisible = ref1[1],
+            resetVisible = ref1[2];
+          var setRef = _react.default.useCallback(
+            function(el) {
+              // Before the link getting observed, check if visible state need to be reset
+              if (previousAs.current !== as || previousHref.current !== href) {
+                resetVisible();
+                previousAs.current = as;
+                previousHref.current = href;
               }
-            }
-          },
-          onTouchStart: function(e) {
-            if (!legacyBehavior && typeof onTouchStart === "function") {
-              onTouchStart(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onTouchStart === "function"
-            ) {
-              child.props.onTouchStart(e);
-            }
-            // Check for not prefetch disabled in page using appRouter
-            if (!(!p && appRouter)) {
-              if ((0, _router).isLocalURL(href)) {
+              setIntersectionRef(el);
+              if (childRef) {
+                if (typeof childRef === "function") childRef(el);
+                else if (typeof childRef === "object") {
+                  childRef.current = el;
+                }
+              }
+            },
+            [as, childRef, href, resetVisible, setIntersectionRef]
+          );
+          _react.default.useEffect(
+            function() {
+              var shouldPrefetch =
+                isVisible && p && (0, _router).isLocalURL(href);
+              var curLocale =
+                typeof locale !== "undefined"
+                  ? locale
+                  : router && router.locale;
+              var isPrefetched =
+                prefetched[
+                  href + "%" + as + (curLocale ? "%" + curLocale : "")
+                ];
+              if (shouldPrefetch && !isPrefetched) {
                 prefetch(router, href, as, {
-                  priority: true
+                  locale: curLocale
                 });
               }
+            },
+            [as, href, isVisible, locale, p, router]
+          );
+          var childProps = {
+            ref: setRef,
+            onClick: function(e) {
+              if (false) {
+              }
+              if (!legacyBehavior && typeof onClick === "function") {
+                onClick(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onClick === "function"
+              ) {
+                child.props.onClick(e);
+              }
+              if (!e.defaultPrevented) {
+                linkClicked(
+                  e,
+                  router,
+                  href,
+                  as,
+                  replace,
+                  shallow,
+                  scroll,
+                  locale,
+                  Boolean(appRouter),
+                  p
+                );
+              }
+            },
+            onMouseEnter: function(e) {
+              if (!legacyBehavior && typeof onMouseEnter === "function") {
+                onMouseEnter(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onMouseEnter === "function"
+              ) {
+                child.props.onMouseEnter(e);
+              }
+              // Check for not prefetch disabled in page using appRouter
+              if (!(!p && appRouter)) {
+                if ((0, _router).isLocalURL(href)) {
+                  prefetch(router, href, as, {
+                    priority: true
+                  });
+                }
+              }
+            },
+            onTouchStart: function(e) {
+              if (!legacyBehavior && typeof onTouchStart === "function") {
+                onTouchStart(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onTouchStart === "function"
+              ) {
+                child.props.onTouchStart(e);
+              }
+              // Check for not prefetch disabled in page using appRouter
+              if (!(!p && appRouter)) {
+                if ((0, _router).isLocalURL(href)) {
+                  prefetch(router, href, as, {
+                    priority: true
+                  });
+                }
+              }
             }
-          }
-        };
-        // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is
-        // defined, we specify the current 'href', so that repetition is not needed by the user
-        if (
-          !legacyBehavior ||
-          passHref ||
-          (child.type === "a" && !("href" in child.props))
-        ) {
-          var curLocale =
-            typeof locale !== "undefined" ? locale : router && router.locale;
-          // we only render domain locales if we are currently on a domain locale
-          // so that locale links are still visitable in development/preview envs
-          var localeDomain =
-            router &&
-            router.isLocaleDomain &&
-            (0, _getDomainLocale).getDomainLocale(
-              as,
-              curLocale,
-              router.locales,
-              router.domainLocales
-            );
-          childProps.href =
-            localeDomain ||
-            (0, _addBasePath).addBasePath(
-              (0, _addLocale).addLocale(
+          };
+          // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is
+          // defined, we specify the current 'href', so that repetition is not needed by the user
+          if (
+            !legacyBehavior ||
+            passHref ||
+            (child.type === "a" && !("href" in child.props))
+          ) {
+            var curLocale =
+              typeof locale !== "undefined" ? locale : router && router.locale;
+            // we only render domain locales if we are currently on a domain locale
+            // so that locale links are still visitable in development/preview envs
+            var localeDomain =
+              router &&
+              router.isLocaleDomain &&
+              (0, _getDomainLocale).getDomainLocale(
                 as,
                 curLocale,
-                router && router.defaultLocale
-              )
-            );
+                router.locales,
+                router.domainLocales
+              );
+            childProps.href =
+              localeDomain ||
+              (0, _addBasePath).addBasePath(
+                (0, _addLocale).addLocale(
+                  as,
+                  curLocale,
+                  router && router.defaultLocale
+                )
+              );
+          }
+          return legacyBehavior
+            ? /*#__PURE__*/ _react.default.cloneElement(child, childProps)
+            : /*#__PURE__*/ _react.default.createElement(
+                "a",
+                Object.assign({}, restProps, childProps),
+                children
+              );
         }
-        return legacyBehavior
-          ? /*#__PURE__*/ _react.default.cloneElement(child, childProps)
-          : /*#__PURE__*/ _react.default.createElement(
-              "a",
-              Object.assign({}, restProps, childProps),
-              children
-            );
-      });
+      );
       var _default = Link;
       exports["default"] = _default;
       if (
@@ -424,7 +429,7 @@
       /***/
     },
 
-    /***/ 4911: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6031: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -436,7 +441,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7327);
-      var _requestIdleCallback = __webpack_require__(854);
+      var _requestIdleCallback = __webpack_require__(8482);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -561,7 +566,7 @@
       /***/
     },
 
-    /***/ 6277: /***/ function(
+    /***/ 7420: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -589,7 +594,7 @@
       /***/
     },
 
-    /***/ 7487: /***/ function(
+    /***/ 1940: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -606,7 +611,7 @@
         6868
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3048
+        7225
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -637,12 +642,12 @@
       /***/
     },
 
-    /***/ 3048: /***/ function(
+    /***/ 7225: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(9319);
+      module.exports = __webpack_require__(5454);
 
       /***/
     }
@@ -653,7 +658,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(1249);
+      return __webpack_exec__(6764);
     });
     /******/ 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],
   {
-    /***/ 2544: /***/ function(
+    /***/ 2259: /***/ 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__(4282);
+          return __webpack_require__(4287);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4282: /***/ function(
+    /***/ 4287: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6766
+        1159
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,12 +56,12 @@
       /***/
     },
 
-    /***/ 6766: /***/ function(
+    /***/ 1159: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(1960);
+      module.exports = __webpack_require__(4297);
 
       /***/
     }
@@ -72,7 +72,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(2544);
+      return __webpack_exec__(2259);
     });
     /******/ 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],
   {
-    /***/ 9712: /***/ function(
+    /***/ 9421: /***/ 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__(7931);
+          return __webpack_require__(3358);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7931: /***/ function(
+    /***/ 3358: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9839
+        5912
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -70,12 +70,12 @@
       /***/
     },
 
-    /***/ 9839: /***/ function(
+    /***/ 5912: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8997);
+      module.exports = false ? 0 : __webpack_require__(3196);
 
       /***/
     }
@@ -86,7 +86,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(9712);
+      return __webpack_exec__(9421);
     });
     /******/ 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],
   {
-    /***/ 1144: /***/ function(
+    /***/ 111: /***/ 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__(4562);
+          return __webpack_require__(8060);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4562: /***/ function(
+    /***/ 8060: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6766
+        1159
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,12 +54,12 @@
       /***/
     },
 
-    /***/ 6766: /***/ function(
+    /***/ 1159: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(1960);
+      module.exports = __webpack_require__(4297);
 
       /***/
     }
@@ -70,7 +70,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(1144);
+      return __webpack_exec__(111);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 37-HASH.js

Diff too large to display

Diff for 763.HASH.js
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [763],
+  [854],
   {
-    /***/ 4763: /***/ function(
+    /***/ 1854: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
Diff for app-internals-HASH.js
@@ -1,29 +1,58 @@
-// runtime can't be in strict mode because a global variable is assign and maybe created.
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [532, 760],
+  [532],
   {
-    /***/ 6421: /***/ function(
+    /***/ 5201: /***/ function(
       __unused_webpack_module,
-      __webpack_exports__,
+      __unused_webpack_exports,
       __webpack_require__
     ) {
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 1438, 23)
+      );
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 7037, 23)
+      );
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 9482, 23)
+      );
+
+      /***/
+    },
+
+    /***/ 9482: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __next_rsc__: function() {
-          return /* binding */ __next_rsc__;
-        },
-        /* harmony export */ default: function() {
-          return /* binding */ RSC;
-        }
-        /* harmony export */
-      });
 
-      const __next_rsc__ = {
-        server: false,
-        __webpack_require__
-      };
-      function RSC() {}
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports["default"] = RenderFromTemplateContext;
+      var _interop_require_wildcard = __webpack_require__(
+        8889
+      ) /* ["default"] */.Z;
+      var _react = _interop_require_wildcard(__webpack_require__(7327));
+      var _appRouterContext = __webpack_require__(7420);
+      function RenderFromTemplateContext() {
+        var children = (0, _react).useContext(
+          _appRouterContext.TemplateContext
+        );
+        return /*#__PURE__*/ _react.default.createElement(
+          _react.default.Fragment,
+          null,
+          children
+        );
+      }
+      ("client");
+      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=render-from-template-context.client.js.map
 
       /***/
     }
@@ -33,7 +62,10 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ var __webpack_exports__ = __webpack_exec__(6421);
+    /******/ __webpack_require__.O(0, [774, 37], function() {
+      return __webpack_exec__(5201);
+    });
+    /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
   }
Diff for page-03927e71e07c37ea.js
deleted
Diff for page-6296cb08fd77d3a7.js
@@ -0,0 +1,16 @@
+(self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[760],{
+
+/***/ 7682:
+/***/ (function() {
+
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(7682));
+/******/ _N_E = __webpack_exports__;
+/******/ }
+]);
\ No newline at end of file
Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js

Diff too large to display

Diff for webpack-HASH.js
@@ -113,6 +113,59 @@
       /******/
     };
     /******/
+  })(); /* webpack/runtime/create fake namespace object */
+  /******/
+
+  /******/ /******/ !(function() {
+    /******/ var getProto = Object.getPrototypeOf
+      ? function(obj) {
+          return Object.getPrototypeOf(obj);
+        }
+      : function(obj) {
+          return obj.__proto__;
+        };
+    /******/ var leafPrototypes; // create a fake namespace object // mode & 1: value is a module id, require it // mode & 2: merge all properties of value into the ns // mode & 4: return value when already ns object // mode & 16: return value when it's Promise-like // mode & 8|1: behave like require
+    /******/ /******/ /******/ /******/ /******/ /******/ /******/ __webpack_require__.t = function(
+      value,
+      mode
+    ) {
+      /******/ if (mode & 1) value = this(value);
+      /******/ if (mode & 8) return value;
+      /******/ if (typeof value === "object" && value) {
+        /******/ if (mode & 4 && value.__esModule) return value;
+        /******/ if (mode & 16 && typeof value.then === "function")
+          return value;
+        /******/
+      }
+      /******/ var ns = Object.create(null);
+      /******/ __webpack_require__.r(ns);
+      /******/ var def = {};
+      /******/ leafPrototypes = leafPrototypes || [
+        null,
+        getProto({}),
+        getProto([]),
+        getProto(getProto)
+      ];
+      /******/ for (
+        var current = mode & 2 && value;
+        typeof current == "object" && !~leafPrototypes.indexOf(current);
+        current = getProto(current)
+      ) {
+        /******/ Object.getOwnPropertyNames(current).forEach(function(key) {
+          def[key] = function() {
+            return value[key];
+          };
+        });
+        /******/
+      }
+      /******/ def["default"] = function() {
+        return value;
+      };
+      /******/ __webpack_require__.d(ns, def);
+      /******/ return ns;
+      /******/
+    };
+    /******/
   })(); /* webpack/runtime/define property getters */
   /******/
 
@@ -159,7 +212,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "4675268ea2b1b617" + ".js"
+        "static/chunks/" + chunkId + "." + "b6465d4dd4e21333" + ".js"
       );
       /******/
     };
Diff for index.html
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-febbc35da74b49b7.js"
+      src="/_next/static/chunks/webpack-90dc29c93e4df918.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-96920066544de9af.js"
+      src="/_next/static/chunks/main-d712e38463beccbc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-2ed6270475e66c72.js"
+      src="/_next/static/chunks/pages/_app-71d03ec80432714d.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-7006f133a7f411c1.js"
+      src="/_next/static/chunks/pages/index-a0dbceb1acd97141.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for link.html
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-febbc35da74b49b7.js"
+      src="/_next/static/chunks/webpack-90dc29c93e4df918.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-96920066544de9af.js"
+      src="/_next/static/chunks/main-d712e38463beccbc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-2ed6270475e66c72.js"
+      src="/_next/static/chunks/pages/_app-71d03ec80432714d.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-3e6b8686ce92ce87.js"
+      src="/_next/static/chunks/pages/link-26ad2fab1093b50f.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-febbc35da74b49b7.js"
+      src="/_next/static/chunks/webpack-90dc29c93e4df918.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-96920066544de9af.js"
+      src="/_next/static/chunks/main-d712e38463beccbc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-2ed6270475e66c72.js"
+      src="/_next/static/chunks/pages/_app-71d03ec80432714d.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-9d5070dfea49aed8.js"
+      src="/_next/static/chunks/pages/withRouter-6728711715b7767b.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 v12.3.1 vercel/next.js refs/heads/canary Change
buildDuration 17.9s 18.4s ⚠️ +463ms
buildDurationCached 7.5s 7.6s ⚠️ +44ms
nodeModulesSize 81.9 MB 91.9 MB ⚠️ +10 MB
nextStartRea..uration (ms) 265ms 247ms -18ms
nextDevReadyDuration 303ms 294ms -9ms
Page Load Tests Overall increase ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
/ failed reqs 0 0
/ total time (seconds) 9.444 9.279 -0.17
/ avg req/sec 264.71 269.42 +4.71
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 6.343 6.013 -0.33
/error-in-render avg req/sec 394.13 415.79 +21.66
Client Bundles (main, webpack) Overall increase ⚠️
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
763.HASH.js gzip 179 B 179 B
app-internal..HASH.js gzip 201 B 399 B ⚠️ +198 B
framework-HASH.js gzip 49 kB 49 kB ⚠️ +3 B
main-app-HASH.js gzip 15.1 kB 3.98 kB -11.1 kB
main-HASH.js gzip 31 kB 31 kB ⚠️ +30 B
webpack-HASH.js gzip 1.52 kB 1.71 kB ⚠️ +186 B
37-HASH.js gzip N/A 12.3 kB N/A
Overall change 96.9 kB 98.5 kB ⚠️ +1.66 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages Overall decrease ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
_app-HASH.js gzip 194 B 195 B ⚠️ +1 B
_error-HASH.js gzip 182 B 182 B
amp-HASH.js gzip 481 B 479 B -2 B
css-HASH.js gzip 324 B 324 B
dynamic-HASH.js gzip 2.01 kB 2.01 kB ⚠️ +1 B
edge-ssr-HASH.js gzip 263 B 262 B -1 B
head-HASH.js gzip 351 B 350 B -1 B
hooks-HASH.js gzip 780 B 781 B ⚠️ +1 B
image-HASH.js gzip 4.82 kB 4.82 kB ⚠️ +1 B
index-HASH.js gzip 259 B 257 B -2 B
link-HASH.js gzip 2.35 kB 2.35 kB
routerDirect..HASH.js gzip 312 B 311 B -1 B
script-HASH.js gzip 385 B 386 B ⚠️ +1 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 -3 B
Client Build Manifests
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
_buildManifest.js gzip 483 B 483 B
Overall change 483 B 483 B
Rendered Page Sizes
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
index.html gzip 513 B 511 B -2 B
link.html gzip 526 B 527 B ⚠️ +1 B
withRouter.html gzip 506 B 507 B ⚠️ +1 B
Overall change 1.54 kB 1.54 kB
Edge SSR bundle Size Overall decrease ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
edge-ssr.js gzip 123 kB 61.4 kB -61.4 kB
page.js gzip 156 kB 71.3 kB -84.3 kB
Overall change 278 kB 133 kB -146 kB
Middleware size Overall decrease ✓
vercel/next.js canary v12.3.1 vercel/next.js refs/heads/canary Change
middleware-b..fest.js gzip 589 B 606 B ⚠️ +17 B
middleware-r..fest.js gzip 145 B 145 B
middleware.js gzip 19.3 kB 18.8 kB -502 B
edge-runtime..pack.js gzip 2.21 kB 1.83 kB -379 B
Overall change 22.2 kB 21.3 kB -864 B

Diffs

Diff for page.js

Diff too large to display

Diff for edge-runtime-webpack.js
@@ -107,51 +107,6 @@
       /******/
     };
     /******/
-  })(); /* webpack/runtime/create fake namespace object */
-  /******/
-
-  /******/ /******/ (() => {
-    /******/ var getProto = Object.getPrototypeOf
-      ? obj => Object.getPrototypeOf(obj)
-      : obj => obj.__proto__;
-    /******/ var leafPrototypes; // create a fake namespace object // mode & 1: value is a module id, require it // mode & 2: merge all properties of value into the ns // mode & 4: return value when already ns object // mode & 16: return value when it's Promise-like // mode & 8|1: behave like require
-    /******/ /******/ /******/ /******/ /******/ /******/ /******/ __webpack_require__.t = function(
-      value,
-      mode
-    ) {
-      /******/ if (mode & 1) value = this(value);
-      /******/ if (mode & 8) return value;
-      /******/ if (typeof value === "object" && value) {
-        /******/ if (mode & 4 && value.__esModule) return value;
-        /******/ if (mode & 16 && typeof value.then === "function")
-          return value;
-        /******/
-      }
-      /******/ var ns = Object.create(null);
-      /******/ __webpack_require__.r(ns);
-      /******/ var def = {};
-      /******/ leafPrototypes = leafPrototypes || [
-        null,
-        getProto({}),
-        getProto([]),
-        getProto(getProto)
-      ];
-      /******/ for (
-        var current = mode & 2 && value;
-        typeof current == "object" && !~leafPrototypes.indexOf(current);
-        current = getProto(current)
-      ) {
-        /******/ Object.getOwnPropertyNames(current).forEach(
-          key => (def[key] = () => value[key])
-        );
-        /******/
-      }
-      /******/ def["default"] = () => value;
-      /******/ __webpack_require__.d(ns, def);
-      /******/ return ns;
-      /******/
-    };
-    /******/
   })(); /* webpack/runtime/define property getters */
   /******/
Diff for middleware-b..-manifest.js
@@ -7,95 +7,96 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-febbc35da74b49b7.js",
+    "static/chunks/webpack-90dc29c93e4df918.js",
     "static/chunks/framework-678aff0bb8ee52d2.js",
-    "static/chunks/main-app-e936a9d4166368f6.js"
+    "static/chunks/37-83dce667d051066b.js",
+    "static/chunks/main-app-01be8816cd2ebd17.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/index-7006f133a7f411c1.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/index-a0dbceb1acd97141.js"
     ],
     "/_app": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/_app-2ed6270475e66c72.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/_app-71d03ec80432714d.js"
     ],
     "/_error": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/_error-087ce1b1fb55609f.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/_error-812087a3eff7337a.js"
     ],
     "/amp": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/amp-782a2a4b83a9c596.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/amp-6af15d9ea01dca3c.js"
     ],
     "/css": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
+      "static/chunks/main-d712e38463beccbc.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-0742f8df5574a2e1.js"
+      "static/chunks/pages/css-eb52c5ce4b1b2161.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/dynamic-e0d9f7d67377624d.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/dynamic-d743104cad24cf7b.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/edge-ssr-ec71d2c6be7eb73c.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/edge-ssr-cce7817452545c4e.js"
     ],
     "/head": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/head-0e365abb20eafa94.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/head-d86b8689a698c2eb.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/hooks-57a847a4de579d36.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/hooks-85059ebdd58dd774.js"
     ],
     "/image": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/image-20d2a4f68bc05d4c.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/image-8d05bd8ffa907f71.js"
     ],
     "/link": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/link-3e6b8686ce92ce87.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/link-26ad2fab1093b50f.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/routerDirect-d9a92f165150c850.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/routerDirect-bab250ea4edec8a6.js"
     ],
     "/script": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/script-a79b681378cbe2ea.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/script-d2e59ee82261b34b.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-febbc35da74b49b7.js",
+      "static/chunks/webpack-90dc29c93e4df918.js",
       "static/chunks/framework-678aff0bb8ee52d2.js",
-      "static/chunks/main-96920066544de9af.js",
-      "static/chunks/pages/withRouter-9d5070dfea49aed8.js"
+      "static/chunks/main-d712e38463beccbc.js",
+      "static/chunks/pages/withRouter-6728711715b7767b.js"
     ]
   },
   ampFirstPages: []
Diff for middleware-r..-manifest.js
@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 4763,
-    files: ["static/chunks/763.4675268ea2b1b617.js"]
+    id: 1854,
+    files: ["static/chunks/854.b6465d4dd4e21333.js"]
   }
 };
Diff for middleware.js

Diff too large to display

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-7006f133a7f411c1.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-087ce1b1fb55609f.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-782a2a4b83a9c596.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-a0dbceb1acd97141.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-812087a3eff7337a.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-6af15d9ea01dca3c.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-0742f8df5574a2e1.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-eb52c5ce4b1b2161.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-e0d9f7d67377624d.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-d743104cad24cf7b.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-ec71d2c6be7eb73c.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-cce7817452545c4e.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-0e365abb20eafa94.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-57a847a4de579d36.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-20d2a4f68bc05d4c.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-3e6b8686ce92ce87.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-d86b8689a698c2eb.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-85059ebdd58dd774.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-8d05bd8ffa907f71.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-26ad2fab1093b50f.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-d9a92f165150c850.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-bab250ea4edec8a6.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-a79b681378cbe2ea.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-d2e59ee82261b34b.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-9d5070dfea49aed8.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-6728711715b7767b.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 302: /***/ function(
+    /***/ 5298: /***/ 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__(7297);
+          return __webpack_require__(2839);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(302), __webpack_exec__(1960);
+      return __webpack_exec__(5298), __webpack_exec__(4297);
     });
     /******/ 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],
   {
-    /***/ 8845: /***/ function(
+    /***/ 6302: /***/ 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__(5054);
+          return __webpack_require__(5164);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(8845);
+      return __webpack_exec__(6302);
     });
     /******/ 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],
   {
-    /***/ 9343: /***/ function(
+    /***/ 207: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(900);
+      module.exports = __webpack_require__(6886);
 
       /***/
     },
 
-    /***/ 4369: /***/ function(
+    /***/ 386: /***/ 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__(8876);
+          return __webpack_require__(2075);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 900: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6886: /***/ 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__(7327));
-      var _ampContext = __webpack_require__(526);
-      var _ampMode = __webpack_require__(752);
+      var _ampContext = __webpack_require__(3434);
+      var _ampMode = __webpack_require__(4047);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 8876: /***/ function(
+    /***/ 2075: /***/ 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__(
-        9343
+        207
       );
       /* 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__(4369);
+      return __webpack_exec__(386);
     });
     /******/ 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],
   {
-    /***/ 8063: /***/ function(
+    /***/ 7471: /***/ 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__(8461);
+          return __webpack_require__(1972);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8461: /***/ function(
+    /***/ 1972: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         6868
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9993
+        5317
       );
       /* 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 @@
       /***/
     },
 
-    /***/ 9993: /***/ function(module) {
+    /***/ 5317: /***/ 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__(8063);
+      return __webpack_exec__(7471);
     });
     /******/ 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],
   {
-    /***/ 4620: /***/ function(
+    /***/ 7849: /***/ 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__(9122);
+          return __webpack_require__(2318);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4424: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3823: /***/ 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__(7327));
-      var _loadable = _interop_require_default(__webpack_require__(7733));
+      var _loadable = _interop_require_default(__webpack_require__(466));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = (options == null
@@ -138,7 +138,7 @@
       /***/
     },
 
-    /***/ 2499: /***/ function(
+    /***/ 308: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -160,7 +160,7 @@
       /***/
     },
 
-    /***/ 7733: /***/ function(
+    /***/ 466: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -180,7 +180,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(7327));
-      var _loadableContext = __webpack_require__(2499);
+      var _loadableContext = __webpack_require__(308);
       var useSyncExternalStore = (true ? __webpack_require__(7327) : 0)
         .useSyncExternalStore;
       var ALL_INITIALIZERS = [];
@@ -494,7 +494,7 @@
       /***/
     },
 
-    /***/ 9122: /***/ function(
+    /***/ 2318: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -511,7 +511,7 @@
         6868
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        164
+        3890
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -520,13 +520,13 @@
       var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 763)
-            .then(__webpack_require__.bind(__webpack_require__, 4763));
+            .e(/* import() */ 854)
+            .then(__webpack_require__.bind(__webpack_require__, 1854));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 4763];
+              return [/*require.resolve*/ 1854];
             }
           }
         }
@@ -556,12 +556,12 @@
       /***/
     },
 
-    /***/ 164: /***/ function(
+    /***/ 3890: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4424);
+      module.exports = __webpack_require__(3823);
 
       /***/
     }
@@ -572,7 +572,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4620);
+      return __webpack_exec__(7849);
     });
     /******/ 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],
   {
-    /***/ 9321: /***/ function(
+    /***/ 7308: /***/ 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__(3934);
+          return __webpack_require__(7265);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 3934: /***/ function(
+    /***/ 7265: /***/ 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__(9321);
+      return __webpack_exec__(7308);
     });
     /******/ 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],
   {
-    /***/ 6369: /***/ function(
+    /***/ 6582: /***/ 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__(7405);
+          return __webpack_require__(6359);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7405: /***/ function(
+    /***/ 6359: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8496
+        7321
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -71,12 +71,12 @@
       /***/
     },
 
-    /***/ 8496: /***/ function(
+    /***/ 7321: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5953);
+      module.exports = __webpack_require__(6918);
 
       /***/
     }
@@ -87,7 +87,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(6369);
+      return __webpack_exec__(6582);
     });
     /******/ 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],
   {
-    /***/ 343: /***/ function(
+    /***/ 4231: /***/ 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__(4742);
+          return __webpack_require__(2473);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4742: /***/ function(
+    /***/ 2473: /***/ 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__(343);
+      return __webpack_exec__(4231);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for image-HASH.js
@@ -26,7 +26,7 @@
       /***/
     },
 
-    /***/ 5352: /***/ function(
+    /***/ 4277: /***/ 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__(8627);
+          return __webpack_require__(7151);
         }
       ]);
       if (false) {
@@ -43,7 +43,7 @@
       /***/
     },
 
-    /***/ 8699: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1544: /***/ 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__(7327));
-      var _head = _interop_require_default(__webpack_require__(5953));
-      var _imageConfig = __webpack_require__(8173);
-      var _useIntersection = __webpack_require__(4911);
-      var _imageConfigContext = __webpack_require__(4623);
-      var _utils = __webpack_require__(5327);
-      var _normalizeTrailingSlash = __webpack_require__(5973);
+      var _head = _interop_require_default(__webpack_require__(6918));
+      var _imageConfig = __webpack_require__(6832);
+      var _useIntersection = __webpack_require__(6031);
+      var _imageConfigContext = __webpack_require__(7293);
+      var _utils = __webpack_require__(481);
+      var _normalizeTrailingSlash = __webpack_require__(6933);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -929,7 +929,7 @@
       /***/
     },
 
-    /***/ 4911: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6031: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -941,7 +941,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7327);
-      var _requestIdleCallback = __webpack_require__(854);
+      var _requestIdleCallback = __webpack_require__(8482);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -1066,7 +1066,7 @@
       /***/
     },
 
-    /***/ 8627: /***/ function(
+    /***/ 7151: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1087,8 +1087,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@0.0.0-experimental-abbbdf4ce-20220930/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(6868);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_f47tis6ffrivjeesiut5tg6xei/node_modules/next/image.js
-      var next_image = __webpack_require__(5034);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_f47tis6ffrivjeesiut5tg6xei/node_modules/next/image.js
+      var next_image = __webpack_require__(8885);
       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 @@
       /***/
     },
 
-    /***/ 5034: /***/ function(
+    /***/ 8885: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8699);
+      module.exports = __webpack_require__(1544);
 
       /***/
     }
@@ -1134,7 +1134,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5352);
+      return __webpack_exec__(4277);
     });
     /******/ 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],
   {
-    /***/ 7720: /***/ function(
+    /***/ 241: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(5260);
+          return __webpack_require__(359);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5260: /***/ function(
+    /***/ 359: /***/ 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__(7720);
+      return __webpack_exec__(241);
     });
     /******/ 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],
   {
-    /***/ 1249: /***/ function(
+    /***/ 6764: /***/ 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__(7487);
+          return __webpack_require__(1940);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1460: /***/ function(module, exports) {
+    /***/ 7175: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 9319: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5454: /***/ 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__(7327));
-      var _router = __webpack_require__(9050);
-      var _addLocale = __webpack_require__(375);
-      var _routerContext = __webpack_require__(9992);
-      var _appRouterContext = __webpack_require__(6277);
-      var _useIntersection = __webpack_require__(4911);
-      var _getDomainLocale = __webpack_require__(1460);
-      var _addBasePath = __webpack_require__(6060);
+      var _router = __webpack_require__(3581);
+      var _addLocale = __webpack_require__(5281);
+      var _routerContext = __webpack_require__(3120);
+      var _appRouterContext = __webpack_require__(7420);
+      var _useIntersection = __webpack_require__(6031);
+      var _getDomainLocale = __webpack_require__(7175);
+      var _addBasePath = __webpack_require__(3492);
       ("client");
       var prefetched = {};
       function prefetch(router, href, as, options) {
@@ -158,255 +158,260 @@
           navigate();
         }
       }
-      var Link = /*#__PURE__*/ _react.default.forwardRef(function LinkComponent(
-        props,
-        forwardedRef
-      ) {
-        if (false) {
-          var hasWarned,
-            optionalProps,
-            optionalPropsGuard,
-            requiredProps,
-            requiredPropsGuard,
-            createPropError;
-        }
-        var children;
-        var hrefProp = props.href,
-          asProp = props.as,
-          childrenProp = props.children,
-          prefetchProp = props.prefetch,
-          passHref = props.passHref,
-          replace = props.replace,
-          shallow = props.shallow,
-          scroll = props.scroll,
-          locale = props.locale,
-          onClick = props.onClick,
-          onMouseEnter = props.onMouseEnter,
-          onTouchStart = props.onTouchStart,
-          _legacyBehavior = props.legacyBehavior,
-          legacyBehavior =
-            _legacyBehavior === void 0
-              ? Boolean(false) !== true
-              : _legacyBehavior,
-          restProps = _object_without_properties_loose(props, [
-            "href",
-            "as",
-            "children",
-            "prefetch",
-            "passHref",
-            "replace",
-            "shallow",
-            "scroll",
-            "locale",
-            "onClick",
-            "onMouseEnter",
-            "onTouchStart",
-            "legacyBehavior"
-          ]);
-        children = childrenProp;
-        if (
-          legacyBehavior &&
-          (typeof children === "string" || typeof children === "number")
-        ) {
-          children = /*#__PURE__*/ _react.default.createElement(
-            "a",
-            null,
-            children
-          );
-        }
-        var p = prefetchProp !== false;
-        var router = _react.default.useContext(_routerContext.RouterContext);
-        // TODO-APP: type error. Remove `as any`
-        var appRouter = _react.default.useContext(
-          _appRouterContext.AppRouterContext
-        );
-        if (appRouter) {
-          router = appRouter;
-        }
-        var ref = _react.default.useMemo(
-            function() {
-              var ref = _slicedToArray(
-                  (0, _router).resolveHref(router, hrefProp, true),
-                  2
-                ),
-                resolvedHref = ref[0],
-                resolvedAs = ref[1];
-              return {
-                href: resolvedHref,
-                as: asProp
-                  ? (0, _router).resolveHref(router, asProp)
-                  : resolvedAs || resolvedHref
-              };
-            },
-            [router, hrefProp, asProp]
-          ),
-          href = ref.href,
-          as = ref.as;
-        var previousHref = _react.default.useRef(href);
-        var previousAs = _react.default.useRef(as);
-        // This will return the first child, if multiple are provided it will throw an error
-        var child;
-        if (legacyBehavior) {
+      /**
+       * React Component that enables client-side transitions between routes.
+       */ var Link = /*#__PURE__*/ _react.default.forwardRef(
+        function LinkComponent(props, forwardedRef) {
           if (false) {
-          } else {
-            child = _react.default.Children.only(children);
+            var hasWarned,
+              optionalProps,
+              optionalPropsGuard,
+              requiredProps,
+              requiredPropsGuard,
+              createPropError;
           }
-        }
-        var childRef = legacyBehavior
-          ? child && typeof child === "object" && child.ref
-          : forwardedRef;
-        var ref1 = _slicedToArray(
-            (0, _useIntersection).useIntersection({
-              rootMargin: "200px"
-            }),
-            3
-          ),
-          setIntersectionRef = ref1[0],
-          isVisible = ref1[1],
-          resetVisible = ref1[2];
-        var setRef = _react.default.useCallback(
-          function(el) {
-            // Before the link getting observed, check if visible state need to be reset
-            if (previousAs.current !== as || previousHref.current !== href) {
-              resetVisible();
-              previousAs.current = as;
-              previousHref.current = href;
-            }
-            setIntersectionRef(el);
-            if (childRef) {
-              if (typeof childRef === "function") childRef(el);
-              else if (typeof childRef === "object") {
-                childRef.current = el;
-              }
-            }
-          },
-          [as, childRef, href, resetVisible, setIntersectionRef]
-        );
-        _react.default.useEffect(
-          function() {
-            var shouldPrefetch =
-              isVisible && p && (0, _router).isLocalURL(href);
-            var curLocale =
-              typeof locale !== "undefined" ? locale : router && router.locale;
-            var isPrefetched =
-              prefetched[href + "%" + as + (curLocale ? "%" + curLocale : "")];
-            if (shouldPrefetch && !isPrefetched) {
-              prefetch(router, href, as, {
-                locale: curLocale
-              });
-            }
-          },
-          [as, href, isVisible, locale, p, router]
-        );
-        var childProps = {
-          ref: setRef,
-          onClick: function(e) {
+          var children;
+          var hrefProp = props.href,
+            asProp = props.as,
+            childrenProp = props.children,
+            prefetchProp = props.prefetch,
+            passHref = props.passHref,
+            replace = props.replace,
+            shallow = props.shallow,
+            scroll = props.scroll,
+            locale = props.locale,
+            onClick = props.onClick,
+            onMouseEnter = props.onMouseEnter,
+            onTouchStart = props.onTouchStart,
+            _legacyBehavior = props.legacyBehavior,
+            legacyBehavior =
+              _legacyBehavior === void 0
+                ? Boolean(false) !== true
+                : _legacyBehavior,
+            restProps = _object_without_properties_loose(props, [
+              "href",
+              "as",
+              "children",
+              "prefetch",
+              "passHref",
+              "replace",
+              "shallow",
+              "scroll",
+              "locale",
+              "onClick",
+              "onMouseEnter",
+              "onTouchStart",
+              "legacyBehavior"
+            ]);
+          children = childrenProp;
+          if (
+            legacyBehavior &&
+            (typeof children === "string" || typeof children === "number")
+          ) {
+            children = /*#__PURE__*/ _react.default.createElement(
+              "a",
+              null,
+              children
+            );
+          }
+          var p = prefetchProp !== false;
+          var router = _react.default.useContext(_routerContext.RouterContext);
+          // TODO-APP: type error. Remove `as any`
+          var appRouter = _react.default.useContext(
+            _appRouterContext.AppRouterContext
+          );
+          if (appRouter) {
+            router = appRouter;
+          }
+          var ref = _react.default.useMemo(
+              function() {
+                var ref = _slicedToArray(
+                    (0, _router).resolveHref(router, hrefProp, true),
+                    2
+                  ),
+                  resolvedHref = ref[0],
+                  resolvedAs = ref[1];
+                return {
+                  href: resolvedHref,
+                  as: asProp
+                    ? (0, _router).resolveHref(router, asProp)
+                    : resolvedAs || resolvedHref
+                };
+              },
+              [router, hrefProp, asProp]
+            ),
+            href = ref.href,
+            as = ref.as;
+          var previousHref = _react.default.useRef(href);
+          var previousAs = _react.default.useRef(as);
+          // This will return the first child, if multiple are provided it will throw an error
+          var child;
+          if (legacyBehavior) {
             if (false) {
+            } else {
+              child = _react.default.Children.only(children);
             }
-            if (!legacyBehavior && typeof onClick === "function") {
-              onClick(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onClick === "function"
-            ) {
-              child.props.onClick(e);
-            }
-            if (!e.defaultPrevented) {
-              linkClicked(
-                e,
-                router,
-                href,
-                as,
-                replace,
-                shallow,
-                scroll,
-                locale,
-                Boolean(appRouter),
-                p
-              );
-            }
-          },
-          onMouseEnter: function(e) {
-            if (!legacyBehavior && typeof onMouseEnter === "function") {
-              onMouseEnter(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onMouseEnter === "function"
-            ) {
-              child.props.onMouseEnter(e);
-            }
-            // Check for not prefetch disabled in page using appRouter
-            if (!(!p && appRouter)) {
-              if ((0, _router).isLocalURL(href)) {
-                prefetch(router, href, as, {
-                  priority: true
-                });
+          }
+          var childRef = legacyBehavior
+            ? child && typeof child === "object" && child.ref
+            : forwardedRef;
+          var ref1 = _slicedToArray(
+              (0, _useIntersection).useIntersection({
+                rootMargin: "200px"
+              }),
+              3
+            ),
+            setIntersectionRef = ref1[0],
+            isVisible = ref1[1],
+            resetVisible = ref1[2];
+          var setRef = _react.default.useCallback(
+            function(el) {
+              // Before the link getting observed, check if visible state need to be reset
+              if (previousAs.current !== as || previousHref.current !== href) {
+                resetVisible();
+                previousAs.current = as;
+                previousHref.current = href;
               }
-            }
-          },
-          onTouchStart: function(e) {
-            if (!legacyBehavior && typeof onTouchStart === "function") {
-              onTouchStart(e);
-            }
-            if (
-              legacyBehavior &&
-              child.props &&
-              typeof child.props.onTouchStart === "function"
-            ) {
-              child.props.onTouchStart(e);
-            }
-            // Check for not prefetch disabled in page using appRouter
-            if (!(!p && appRouter)) {
-              if ((0, _router).isLocalURL(href)) {
+              setIntersectionRef(el);
+              if (childRef) {
+                if (typeof childRef === "function") childRef(el);
+                else if (typeof childRef === "object") {
+                  childRef.current = el;
+                }
+              }
+            },
+            [as, childRef, href, resetVisible, setIntersectionRef]
+          );
+          _react.default.useEffect(
+            function() {
+              var shouldPrefetch =
+                isVisible && p && (0, _router).isLocalURL(href);
+              var curLocale =
+                typeof locale !== "undefined"
+                  ? locale
+                  : router && router.locale;
+              var isPrefetched =
+                prefetched[
+                  href + "%" + as + (curLocale ? "%" + curLocale : "")
+                ];
+              if (shouldPrefetch && !isPrefetched) {
                 prefetch(router, href, as, {
-                  priority: true
+                  locale: curLocale
                 });
               }
+            },
+            [as, href, isVisible, locale, p, router]
+          );
+          var childProps = {
+            ref: setRef,
+            onClick: function(e) {
+              if (false) {
+              }
+              if (!legacyBehavior && typeof onClick === "function") {
+                onClick(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onClick === "function"
+              ) {
+                child.props.onClick(e);
+              }
+              if (!e.defaultPrevented) {
+                linkClicked(
+                  e,
+                  router,
+                  href,
+                  as,
+                  replace,
+                  shallow,
+                  scroll,
+                  locale,
+                  Boolean(appRouter),
+                  p
+                );
+              }
+            },
+            onMouseEnter: function(e) {
+              if (!legacyBehavior && typeof onMouseEnter === "function") {
+                onMouseEnter(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onMouseEnter === "function"
+              ) {
+                child.props.onMouseEnter(e);
+              }
+              // Check for not prefetch disabled in page using appRouter
+              if (!(!p && appRouter)) {
+                if ((0, _router).isLocalURL(href)) {
+                  prefetch(router, href, as, {
+                    priority: true
+                  });
+                }
+              }
+            },
+            onTouchStart: function(e) {
+              if (!legacyBehavior && typeof onTouchStart === "function") {
+                onTouchStart(e);
+              }
+              if (
+                legacyBehavior &&
+                child.props &&
+                typeof child.props.onTouchStart === "function"
+              ) {
+                child.props.onTouchStart(e);
+              }
+              // Check for not prefetch disabled in page using appRouter
+              if (!(!p && appRouter)) {
+                if ((0, _router).isLocalURL(href)) {
+                  prefetch(router, href, as, {
+                    priority: true
+                  });
+                }
+              }
             }
-          }
-        };
-        // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is
-        // defined, we specify the current 'href', so that repetition is not needed by the user
-        if (
-          !legacyBehavior ||
-          passHref ||
-          (child.type === "a" && !("href" in child.props))
-        ) {
-          var curLocale =
-            typeof locale !== "undefined" ? locale : router && router.locale;
-          // we only render domain locales if we are currently on a domain locale
-          // so that locale links are still visitable in development/preview envs
-          var localeDomain =
-            router &&
-            router.isLocaleDomain &&
-            (0, _getDomainLocale).getDomainLocale(
-              as,
-              curLocale,
-              router.locales,
-              router.domainLocales
-            );
-          childProps.href =
-            localeDomain ||
-            (0, _addBasePath).addBasePath(
-              (0, _addLocale).addLocale(
+          };
+          // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is
+          // defined, we specify the current 'href', so that repetition is not needed by the user
+          if (
+            !legacyBehavior ||
+            passHref ||
+            (child.type === "a" && !("href" in child.props))
+          ) {
+            var curLocale =
+              typeof locale !== "undefined" ? locale : router && router.locale;
+            // we only render domain locales if we are currently on a domain locale
+            // so that locale links are still visitable in development/preview envs
+            var localeDomain =
+              router &&
+              router.isLocaleDomain &&
+              (0, _getDomainLocale).getDomainLocale(
                 as,
                 curLocale,
-                router && router.defaultLocale
-              )
-            );
+                router.locales,
+                router.domainLocales
+              );
+            childProps.href =
+              localeDomain ||
+              (0, _addBasePath).addBasePath(
+                (0, _addLocale).addLocale(
+                  as,
+                  curLocale,
+                  router && router.defaultLocale
+                )
+              );
+          }
+          return legacyBehavior
+            ? /*#__PURE__*/ _react.default.cloneElement(child, childProps)
+            : /*#__PURE__*/ _react.default.createElement(
+                "a",
+                Object.assign({}, restProps, childProps),
+                children
+              );
         }
-        return legacyBehavior
-          ? /*#__PURE__*/ _react.default.cloneElement(child, childProps)
-          : /*#__PURE__*/ _react.default.createElement(
-              "a",
-              Object.assign({}, restProps, childProps),
-              children
-            );
-      });
+      );
       var _default = Link;
       exports["default"] = _default;
       if (
@@ -424,7 +429,7 @@
       /***/
     },
 
-    /***/ 4911: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6031: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -436,7 +441,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(7327);
-      var _requestIdleCallback = __webpack_require__(854);
+      var _requestIdleCallback = __webpack_require__(8482);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -561,7 +566,7 @@
       /***/
     },
 
-    /***/ 6277: /***/ function(
+    /***/ 7420: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -589,7 +594,7 @@
       /***/
     },
 
-    /***/ 7487: /***/ function(
+    /***/ 1940: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -606,7 +611,7 @@
         6868
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3048
+        7225
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -637,12 +642,12 @@
       /***/
     },
 
-    /***/ 3048: /***/ function(
+    /***/ 7225: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(9319);
+      module.exports = __webpack_require__(5454);
 
       /***/
     }
@@ -653,7 +658,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(1249);
+      return __webpack_exec__(6764);
     });
     /******/ 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],
   {
-    /***/ 2544: /***/ function(
+    /***/ 2259: /***/ 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__(4282);
+          return __webpack_require__(4287);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4282: /***/ function(
+    /***/ 4287: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6766
+        1159
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,12 +56,12 @@
       /***/
     },
 
-    /***/ 6766: /***/ function(
+    /***/ 1159: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(1960);
+      module.exports = __webpack_require__(4297);
 
       /***/
     }
@@ -72,7 +72,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(2544);
+      return __webpack_exec__(2259);
     });
     /******/ 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],
   {
-    /***/ 9712: /***/ function(
+    /***/ 9421: /***/ 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__(7931);
+          return __webpack_require__(3358);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7931: /***/ function(
+    /***/ 3358: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9839
+        5912
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -70,12 +70,12 @@
       /***/
     },
 
-    /***/ 9839: /***/ function(
+    /***/ 5912: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8997);
+      module.exports = false ? 0 : __webpack_require__(3196);
 
       /***/
     }
@@ -86,7 +86,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(9712);
+      return __webpack_exec__(9421);
     });
     /******/ 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],
   {
-    /***/ 1144: /***/ function(
+    /***/ 111: /***/ 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__(4562);
+          return __webpack_require__(8060);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4562: /***/ function(
+    /***/ 8060: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         6868
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6766
+        1159
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,12 +54,12 @@
       /***/
     },
 
-    /***/ 6766: /***/ function(
+    /***/ 1159: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(1960);
+      module.exports = __webpack_require__(4297);
 
       /***/
     }
@@ -70,7 +70,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(1144);
+      return __webpack_exec__(111);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 37-HASH.js

Diff too large to display

Diff for 763.HASH.js
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [763],
+  [854],
   {
-    /***/ 4763: /***/ function(
+    /***/ 1854: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
Diff for app-internals-HASH.js
@@ -1,29 +1,58 @@
-// runtime can't be in strict mode because a global variable is assign and maybe created.
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [532, 760],
+  [532],
   {
-    /***/ 6421: /***/ function(
+    /***/ 5201: /***/ function(
       __unused_webpack_module,
-      __webpack_exports__,
+      __unused_webpack_exports,
       __webpack_require__
     ) {
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 1438, 23)
+      );
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 7037, 23)
+      );
+      Promise.resolve(/* import() eager */).then(
+        __webpack_require__.t.bind(__webpack_require__, 9482, 23)
+      );
+
+      /***/
+    },
+
+    /***/ 9482: /***/ function(module, exports, __webpack_require__) {
       "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __next_rsc__: function() {
-          return /* binding */ __next_rsc__;
-        },
-        /* harmony export */ default: function() {
-          return /* binding */ RSC;
-        }
-        /* harmony export */
-      });
 
-      const __next_rsc__ = {
-        server: false,
-        __webpack_require__
-      };
-      function RSC() {}
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports["default"] = RenderFromTemplateContext;
+      var _interop_require_wildcard = __webpack_require__(
+        8889
+      ) /* ["default"] */.Z;
+      var _react = _interop_require_wildcard(__webpack_require__(7327));
+      var _appRouterContext = __webpack_require__(7420);
+      function RenderFromTemplateContext() {
+        var children = (0, _react).useContext(
+          _appRouterContext.TemplateContext
+        );
+        return /*#__PURE__*/ _react.default.createElement(
+          _react.default.Fragment,
+          null,
+          children
+        );
+      }
+      ("client");
+      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=render-from-template-context.client.js.map
 
       /***/
     }
@@ -33,7 +62,10 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ var __webpack_exports__ = __webpack_exec__(6421);
+    /******/ __webpack_require__.O(0, [774, 37], function() {
+      return __webpack_exec__(5201);
+    });
+    /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
   }
Diff for page-03927e71e07c37ea.js
deleted
Diff for page-6296cb08fd77d3a7.js
@@ -0,0 +1,16 @@
+(self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[760],{
+
+/***/ 7682:
+/***/ (function() {
+
+
+
+/***/ })
+
+},
+/******/ function(__webpack_require__) { // webpackRuntimeModules
+/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
+/******/ var __webpack_exports__ = (__webpack_exec__(7682));
+/******/ _N_E = __webpack_exports__;
+/******/ }
+]);
\ No newline at end of file
Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js

Diff too large to display

Diff for webpack-HASH.js
@@ -113,6 +113,59 @@
       /******/
     };
     /******/
+  })(); /* webpack/runtime/create fake namespace object */
+  /******/
+
+  /******/ /******/ !(function() {
+    /******/ var getProto = Object.getPrototypeOf
+      ? function(obj) {
+          return Object.getPrototypeOf(obj);
+        }
+      : function(obj) {
+          return obj.__proto__;
+        };
+    /******/ var leafPrototypes; // create a fake namespace object // mode & 1: value is a module id, require it // mode & 2: merge all properties of value into the ns // mode & 4: return value when already ns object // mode & 16: return value when it's Promise-like // mode & 8|1: behave like require
+    /******/ /******/ /******/ /******/ /******/ /******/ /******/ __webpack_require__.t = function(
+      value,
+      mode
+    ) {
+      /******/ if (mode & 1) value = this(value);
+      /******/ if (mode & 8) return value;
+      /******/ if (typeof value === "object" && value) {
+        /******/ if (mode & 4 && value.__esModule) return value;
+        /******/ if (mode & 16 && typeof value.then === "function")
+          return value;
+        /******/
+      }
+      /******/ var ns = Object.create(null);
+      /******/ __webpack_require__.r(ns);
+      /******/ var def = {};
+      /******/ leafPrototypes = leafPrototypes || [
+        null,
+        getProto({}),
+        getProto([]),
+        getProto(getProto)
+      ];
+      /******/ for (
+        var current = mode & 2 && value;
+        typeof current == "object" && !~leafPrototypes.indexOf(current);
+        current = getProto(current)
+      ) {
+        /******/ Object.getOwnPropertyNames(current).forEach(function(key) {
+          def[key] = function() {
+            return value[key];
+          };
+        });
+        /******/
+      }
+      /******/ def["default"] = function() {
+        return value;
+      };
+      /******/ __webpack_require__.d(ns, def);
+      /******/ return ns;
+      /******/
+    };
+    /******/
   })(); /* webpack/runtime/define property getters */
   /******/
 
@@ -159,7 +212,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "4675268ea2b1b617" + ".js"
+        "static/chunks/" + chunkId + "." + "b6465d4dd4e21333" + ".js"
       );
       /******/
     };
Diff for index.html
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-febbc35da74b49b7.js"
+      src="/_next/static/chunks/webpack-90dc29c93e4df918.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-96920066544de9af.js"
+      src="/_next/static/chunks/main-d712e38463beccbc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-2ed6270475e66c72.js"
+      src="/_next/static/chunks/pages/_app-71d03ec80432714d.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-7006f133a7f411c1.js"
+      src="/_next/static/chunks/pages/index-a0dbceb1acd97141.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for link.html
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-febbc35da74b49b7.js"
+      src="/_next/static/chunks/webpack-90dc29c93e4df918.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-96920066544de9af.js"
+      src="/_next/static/chunks/main-d712e38463beccbc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-2ed6270475e66c72.js"
+      src="/_next/static/chunks/pages/_app-71d03ec80432714d.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-3e6b8686ce92ce87.js"
+      src="/_next/static/chunks/pages/link-26ad2fab1093b50f.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html
@@ -11,7 +11,7 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-febbc35da74b49b7.js"
+      src="/_next/static/chunks/webpack-90dc29c93e4df918.js"
       defer=""
     ></script>
     <script
@@ -19,15 +19,15 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-96920066544de9af.js"
+      src="/_next/static/chunks/main-d712e38463beccbc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-2ed6270475e66c72.js"
+      src="/_next/static/chunks/pages/_app-71d03ec80432714d.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-9d5070dfea49aed8.js"
+      src="/_next/static/chunks/pages/withRouter-6728711715b7767b.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Please sign in to comment.