KEMBAR78
[Breaking] Set `experimental.isolatedDevBuild` default to true by devjiwonchoi · Pull Request #84043 · vercel/next.js · GitHub
Skip to content

[Breaking] Set experimental.isolatedDevBuild default to true #84043

New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in to your account

Jump to bottom
Closed
wants to merge 18 commits into from
Closed

[Breaking] Set experimental.isolatedDevBuild default to true #84043

wants to merge 18 commits into from

Conversation

@devjiwonchoi
Copy link
Member

@devjiwonchoi devjiwonchoi commented Sep 21, 2025 •
edited
Loading

Enable experimental.isolatedDevBuild to true on the canary so we can test it before v16 and then enable it by default.

@ijjk ijjk added created-by: Next.js team PRs by the Next.js team. type: next labels Sep 21, 2025
@devjiwonchoi Graphite App
Copy link
Member Author

This stack of pull requests is managed by Graphite. Learn more about stacking.

@devjiwonchoi devjiwonchoi changed the title Set experimental.isolatedDevBuild default to true [Breaking] Set experimental.isolatedDevBuild default to true Sep 21, 2025
@ijjk
Copy link
Member

ijjk commented Sep 21, 2025 •
edited
Loading

Failing test suites

Commit: ed22c4b | About building and testing Next.js

pnpm test test/integration/draft-mode/test/index.test.ts (turbopack)

  • Test Draft Mode > production mode > should return correct caching headers for draft mode request (DD)
Expand output

● Test Draft Mode › production mode › should return correct caching headers for draft mode request

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/draft-mode/.next/dev/BUILD_ID'

pnpm test test/integration/404-page-ssg/test/index.test.js (turbopack)

  • 404 Page Support SSG > production mode > should build successfully (DD)
  • 404 Page Support SSG > production mode > should set pages404 in routes-manifest correctly (DD)
  • 404 Page Support SSG > production mode > should have 404 page in prerender-manifest (DD)
Expand output

● 404 Page Support SSG › production mode › should build successfully

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/404-page-ssg/.next/dev/BUILD_ID'

● 404 Page Support SSG › production mode › should set pages404 in routes-manifest correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/404-page-ssg/.next/dev/routes-manifest.json'

● 404 Page Support SSG › production mode › should have 404 page in prerender-manifest

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/404-page-ssg/.next/dev/prerender-manifest.json'

pnpm test test/integration/critical-css/test/index.test.js (turbopack)

  • CSS optimization for SSR apps > production mode > should have all CSS files in manifest (DD)
Expand output

● CSS optimization for SSR apps › production mode › should have all CSS files in manifest

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/critical-css/.next/dev/required-server-files.json'

pnpm test test/integration/404-page-app/test/index.test.js (turbopack)

  • 404 Page Support with _app > production mode > specify to use the 404 page still in the routes-manifest (DD)
Expand output

● 404 Page Support with _app › production mode › specify to use the 404 page still in the routes-manifest

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/404-page-app/.next/dev/routes-manifest.json'

pnpm test test/integration/gsp-extension/test/index.test.js

  • GS(S)P with file extension > production mode > should support slug with different extensions (DD)
  • GS(S)P with file extension > production mode > should contain extension in name of json files in _next/data (DD)
Expand output

● GS(S)P with file extension › production mode › should support slug with different extensions

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

Expected: true
Received: false

  37 |         fileNames.forEach((name) => {
  38 |           const filePath = join(baseDir, name)
> 39 |           expect(fs.existsSync(filePath + '.html')).toBe(true)
     |                                                     ^
  40 |           expect(fs.existsSync(filePath + '.json')).toBe(true)
  41 |         })
  42 |       })

  at toBe (integration/gsp-extension/test/index.test.js:39:53)
      at Array.forEach (<anonymous>)
  at Object.forEach (integration/gsp-extension/test/index.test.js:37:19)

● GS(S)P with file extension › production mode › should contain extension in name of json files in _next/data

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/gsp-extension/.next/dev/BUILD_ID'

pnpm test test/integration/sharp-api/test/sharp-api.test.ts (turbopack)

  • sharp api > should handle custom sharp usage (DD)
Expand output

● sharp api › should handle custom sharp usage

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/sharp-api/app/.next/dev/server/pages/api/custom-sharp.js.nft.json'

pnpm test test/integration/getserversideprops-preview/test/index.test.js (turbopack)

  • ServerSide Props Preview Mode > production mode > should return correct caching headers for data preview request (DD)
Expand output

● ServerSide Props Preview Mode › production mode › should return correct caching headers for data preview request

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/getserversideprops-preview/.next/dev/BUILD_ID'

pnpm test test/integration/prerender-preview/test/index.test.js (turbopack)

  • Prerender Preview Mode > production mode > should return correct caching headers for data preview request (DD)
Expand output

● Prerender Preview Mode › production mode › should return correct caching headers for data preview request

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-preview/.next/dev/BUILD_ID'

pnpm test test/integration/client-404/test/index.test.js

  • Client 404 > production mode > Client Navigation 404 > should hard navigate to URL on failing to load missing bundle (DD)
Expand output

● Client 404 › production mode › Client Navigation 404 › should hard navigate to URL on failing to load missing bundle

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/client-404/.next/dev/BUILD_ID'

  1325 |
  1326 | export function getClientBuildManifest(dir: string) {
> 1327 |   let buildId = readFileSync(path.join(dir, getDistDir(), 'BUILD_ID'), 'utf8')
       |                             ^
  1328 |   let code = readFileSync(
  1329 |     path.join(dir, getDistDir(), 'static', buildId, '_buildManifest.js'),
  1330 |     'utf8'

  at getClientBuildManifest (lib/next-test-utils.ts:1327:29)
  at getClientBuildManifest (lib/next-test-utils.ts:1341:18)
  at Object.<anonymous> (integration/client-404/test/index.test.js:49:61)

pnpm test test/integration/error-load-fail/test/index.test.js

  • Failing to load _error > production mode > handles failing to load _error correctly (DD)
Expand output

● Failing to load _error › production mode › handles failing to load _error correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/error-load-fail/.next/dev/BUILD_ID'

  1325 |
  1326 | export function getClientBuildManifest(dir: string) {
> 1327 |   let buildId = readFileSync(path.join(dir, getDistDir(), 'BUILD_ID'), 'utf8')
       |                             ^
  1328 |   let code = readFileSync(
  1329 |     path.join(dir, getDistDir(), 'static', buildId, '_buildManifest.js'),
  1330 |     'utf8'

  at getClientBuildManifest (lib/next-test-utils.ts:1327:29)
  at getClientBuildManifest (lib/next-test-utils.ts:1341:18)
  at Object.<anonymous> (integration/error-load-fail/test/index.test.js:28:61)

pnpm test test/integration/custom-routes-catchall/test/index.test.js

  • Custom routes > production mode > should rewrite and render page correctly (DD)
  • Custom routes > production mode > should rewrite to /_next/static correctly (DD)
  • Custom routes > production mode > should rewrite to public/static correctly (DD)
  • Custom routes > production mode > should rewrite to public file correctly (DD)
Expand output

● Custom routes › production mode › should rewrite and render page correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/custom-routes-catchall/.next/dev/BUILD_ID'

● Custom routes › production mode › should rewrite to /_next/static correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/custom-routes-catchall/.next/dev/BUILD_ID'

● Custom routes › production mode › should rewrite to public/static correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/custom-routes-catchall/.next/dev/BUILD_ID'

● Custom routes › production mode › should rewrite to public file correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/custom-routes-catchall/.next/dev/BUILD_ID'

pnpm test-start test/e2e/middleware-static-files/index.test.ts

  • Middleware Runtime > should match middleware of _next/static (DD)
Expand output

● Middleware Runtime › should match middleware of _next/static

TypeError: (0 , _e2eutils.getDistDir) is not a function

  57 |     it('should match middleware of _next/static', async () => {
  58 |       const cssChunks = glob.sync('*.css', {
> 59 |         cwd: join(next.testDir, getDistDir(), 'static', 'css'),
     |                                           ^
  60 |       })
  61 |
  62 |       if (cssChunks.length < 1) {

  at Object.<anonymous> (e2e/middleware-static-files/index.test.ts:59:43)

pnpm test test/integration/amphtml-ssg/test/index.test.js

  • AMP SSG Support > production mode > should output prerendered files correctly during build (DD)
Expand output

● AMP SSG Support › production mode › should output prerendered files correctly during build

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

Expected: true
Received: false

  85 |
  86 |     it('should output prerendered files correctly during build', async () => {
> 87 |       expect(await fsExists(builtPage('amp.js'))).toBe(true)
     |                                                   ^
  88 |       expect(await fsExists(builtPage('amp.html'))).toBe(true)
  89 |       expect(await fsExists(builtPage('amp.json'))).toBe(true)
  90 |

  at Object.toBe (integration/amphtml-ssg/test/index.test.js:87:51)

pnpm test test/integration/i18n-support-catchall/test/index.test.js

  • i18n Support Root Catch-all > production mode > should output prerendered index routes correctly (DD)
Expand output

● i18n Support Root Catch-all › production mode › should output prerendered index routes correctly

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

Expected: true
Received: false

  26 |   if (!isDev) {
  27 |     it('should output prerendered index routes correctly', async () => {
> 28 |       expect(await fs.exists(join(buildPagesDir, 'pages/en-US.html'))).toBe(
     |                                                                        ^
  29 |         true
  30 |       )
  31 |       expect(await fs.exists(join(buildPagesDir, 'pages/en-US.json'))).toBe(

  at Object.toBe (integration/i18n-support-catchall/test/index.test.js:28:72)

pnpm test test/integration/500-page/test/index.test.js (turbopack)

  • 500 Page Support > production mode > should output 500.html during build (DD)
  • 500 Page Support > production mode > should add /500 to pages-manifest correctly (DD)
Expand output

● 500 Page Support › production mode › should output 500.html during build

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/500-page/.next/dev/server/pages-manifest.json'

  1227 |
  1228 | function readJson(path: string) {
> 1229 |   return JSON.parse(readFileSync(path, 'utf-8'))
       |                                 ^
  1230 | }
  1231 |
  1232 | export function getDistDir(forceProduction?: boolean): string {

  at readJson (lib/next-test-utils.ts:1229:33)
  at readJson (lib/next-test-utils.ts:1295:10)
  at getPagesManifest (lib/next-test-utils.ts:1309:25)
  at Object.<anonymous> (integration/500-page/test/index.test.js:50:48)

● 500 Page Support › production mode › should add /500 to pages-manifest correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/500-page/.next/dev/server/pages-manifest.json'

pnpm test test/unit/isolated/config.test.ts

  • config > Should assign object defaults deeply to user config (DD)
Expand output

● config › Should assign object defaults deeply to user config

expect(received).toEqual(expected) // deep equality

Expected: ".next/dev"
Received: ".next\\dev"

  39 |   it('Should assign object defaults deeply to user config', async () => {
  40 |     const config = await loadConfig(PHASE_DEVELOPMENT_SERVER, pathToConfigFn)
> 41 |     expect(config.distDir).toEqual('.next/dev')
     |                            ^
  42 |     expect(config.onDemandEntries.maxInactiveAge).toBeDefined()
  43 |   })
  44 |

  at Object.toEqual (unit/isolated/config.test.ts:41:28)

pnpm test test/integration/link-ref-pages/test/index.test.js

  • Invalid hrefs > production mode > should preload with forwardRef (DD)
  • Invalid hrefs > production mode > should preload with child ref with React.createRef (DD)
  • Invalid hrefs > production mode > should preload with child ref with function (DD)
  • Invalid hrefs > production mode > should preload with child ref with function that returns a cleanup function (DD)
Expand output

● Invalid hrefs › production mode › should preload with forwardRef

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/link-ref-pages/.next/dev/BUILD_ID'

  1325 |
  1326 | export function getClientBuildManifest(dir: string) {
> 1327 |   let buildId = readFileSync(path.join(dir, getDistDir(), 'BUILD_ID'), 'utf8')
       |                             ^
  1328 |   let code = readFileSync(
  1329 |     path.join(dir, getDistDir(), 'static', buildId, '_buildManifest.js'),
  1330 |     'utf8'

  at getClientBuildManifest (lib/next-test-utils.ts:1327:29)
  at getClientBuildManifest (lib/next-test-utils.ts:1341:18)
  at didPrefetch (integration/link-ref-pages/test/index.test.js:40:55)
  at Object.<anonymous> (integration/link-ref-pages/test/index.test.js:112:9)

● Invalid hrefs › production mode › should preload with child ref with React.createRef

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/link-ref-pages/.next/dev/BUILD_ID'

  1325 |
  1326 | export function getClientBuildManifest(dir: string) {
> 1327 |   let buildId = readFileSync(path.join(dir, getDistDir(), 'BUILD_ID'), 'utf8')
       |                             ^
  1328 |   let code = readFileSync(
  1329 |     path.join(dir, getDistDir(), 'static', buildId, '_buildManifest.js'),
  1330 |     'utf8'

  at getClientBuildManifest (lib/next-test-utils.ts:1327:29)
  at getClientBuildManifest (lib/next-test-utils.ts:1341:18)
  at didPrefetch (integration/link-ref-pages/test/index.test.js:40:55)
  at Object.<anonymous> (integration/link-ref-pages/test/index.test.js:116:9)

● Invalid hrefs › production mode › should preload with child ref with function

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/link-ref-pages/.next/dev/BUILD_ID'

  1325 |
  1326 | export function getClientBuildManifest(dir: string) {
> 1327 |   let buildId = readFileSync(path.join(dir, getDistDir(), 'BUILD_ID'), 'utf8')
       |                             ^
  1328 |   let code = readFileSync(
  1329 |     path.join(dir, getDistDir(), 'static', buildId, '_buildManifest.js'),
  1330 |     'utf8'

  at getClientBuildManifest (lib/next-test-utils.ts:1327:29)
  at getClientBuildManifest (lib/next-test-utils.ts:1341:18)
  at didPrefetch (integration/link-ref-pages/test/index.test.js:40:55)
  at Object.<anonymous> (integration/link-ref-pages/test/index.test.js:120:9)

● Invalid hrefs › production mode › should preload with child ref with function that returns a cleanup function

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/link-ref-pages/.next/dev/BUILD_ID'

  1325 |
  1326 | export function getClientBuildManifest(dir: string) {
> 1327 |   let buildId = readFileSync(path.join(dir, getDistDir(), 'BUILD_ID'), 'utf8')
       |                             ^
  1328 |   let code = readFileSync(
  1329 |     path.join(dir, getDistDir(), 'static', buildId, '_buildManifest.js'),
  1330 |     'utf8'

  at getClientBuildManifest (lib/next-test-utils.ts:1327:29)
  at getClientBuildManifest (lib/next-test-utils.ts:1341:18)
  at didPrefetch (integration/link-ref-pages/test/index.test.js:40:55)
  at Object.<anonymous> (integration/link-ref-pages/test/index.test.js:124:9)

pnpm test test/integration/404-page/test/index.test.js

  • 404 Page Support > production mode > should output 404.html during build (DD)
Expand output

● 404 Page Support › production mode › should output 404.html during build

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

Expected: true
Received: false

  59 |     it('should output 404.html during build', async () => {
  60 |       const page = getPageFileFromPagesManifest(appDir, '/404')
> 61 |       expect(page.endsWith('.html')).toBe(true)
     |                                      ^
  62 |     })
  63 |
  64 |     it('should add /404 to pages-manifest correctly', async () => {

  at Object.toBe (integration/404-page/test/index.test.js:61:38)

pnpm test test/integration/prerender-fallback-encoding/test/index.test.js

  • Fallback path encoding > production mode > should output paths correctly (DD)
  • Fallback path encoding > production mode > should handle non-prerendered paths correctly (DD)
  • Fallback path encoding > production mode > should respond with the prerendered pages correctly (DD)
  • Fallback path encoding > production mode > should respond with the prerendered data correctly (DD)
  • Fallback path encoding > production mode > should render correctly in the browser for prerender paths (DD)
  • Fallback path encoding > production mode > should navigate client-side correctly with interpolating (DD)
  • Fallback path encoding > production mode > should navigate client-side correctly with string href (DD)
Expand output

● Fallback path encoding › production mode › should output paths correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-fallback-encoding/.next/dev/BUILD_ID'

● Fallback path encoding › production mode › should handle non-prerendered paths correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-fallback-encoding/.next/dev/BUILD_ID'

● Fallback path encoding › production mode › should respond with the prerendered pages correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-fallback-encoding/.next/dev/BUILD_ID'

● Fallback path encoding › production mode › should respond with the prerendered data correctly

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-fallback-encoding/.next/dev/BUILD_ID'

● Fallback path encoding › production mode › should render correctly in the browser for prerender paths

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-fallback-encoding/.next/dev/BUILD_ID'

● Fallback path encoding › production mode › should navigate client-side correctly with interpolating

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-fallback-encoding/.next/dev/BUILD_ID'

● Fallback path encoding › production mode › should navigate client-side correctly with string href

ENOENT: no such file or directory, open '/root/actions-runner/_work/next.js/next.js/test/integration/prerender-fallback-encoding/.next/dev/BUILD_ID'

pnpm test test/integration/image-optimizer/test/dangerously-allow-svg.test.ts (turbopack)

  • with dangerouslyAllowSVG config > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for external image (DD)
  • with dangerouslyAllowSVG config > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for internal image (DD)
  • with dangerouslyAllowSVG config > dev support with next.config.js > should use cached image file when parameters are the same for svg (DD)
  • with dangerouslyAllowSVG config > dev support with next.config.js > should use cached image file when parameters are the same for animated gif (DD)
  • with dangerouslyAllowSVG config > dev support with next.config.js > should maintain bmp (DD)
  • with dangerouslyAllowSVG config > dev support with next.config.js > should handle concurrent requests (DD)
Expand output

● with dangerouslyAllowSVG config › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for external image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:959:7)

● with dangerouslyAllowSVG config › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for internal image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1181:5)

● with dangerouslyAllowSVG config › dev support with next.config.js › should use cached image file when parameters are the same for svg

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

Expected: "MISS"
Received: "STALE"

  1269 |       const res1 = await fetchViaHTTP(ctx.appPort, '/_next/image', query, opts)
  1270 |       expect(res1.status).toBe(200)
> 1271 |       expect(res1.headers.get('X-Nextjs-Cache')).toBe('MISS')
       |                                                  ^
  1272 |       expect(res1.headers.get('Content-Type')).toBe('image/svg+xml')
  1273 |       expect(res1.headers.get('Content-Disposition')).toBe(
  1274 |         `${contentDispositionType}; filename="test.svg"`

  at Object.toBe (integration/image-optimizer/test/util.ts:1271:50)

● with dangerouslyAllowSVG config › dev support with next.config.js › should use cached image file when parameters are the same for animated gif

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1318:5)

● with dangerouslyAllowSVG config › dev support with next.config.js › should maintain bmp

TIMED OUT: success

expected change, but matched

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1412:7)

● with dangerouslyAllowSVG config › dev support with next.config.js › should handle concurrent requests

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1535:7)

pnpm test test/integration/image-optimizer/test/content-disposition-type.test.ts (turbopack)

  • with contentDispositionType inline > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for external image (DD)
  • with contentDispositionType inline > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for internal image (DD)
  • with contentDispositionType inline > dev support with next.config.js > should use cached image file when parameters are the same for animated gif (DD)
  • with contentDispositionType inline > dev support with next.config.js > should maintain bmp (DD)
  • with contentDispositionType inline > dev support with next.config.js > should handle concurrent requests (DD)
Expand output

● with contentDispositionType inline › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for external image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:959:7)

● with contentDispositionType inline › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for internal image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1181:5)

● with contentDispositionType inline › dev support with next.config.js › should use cached image file when parameters are the same for animated gif

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1318:5)

● with contentDispositionType inline › dev support with next.config.js › should maintain bmp

TIMED OUT: success

expected change, but matched

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1412:7)

● with contentDispositionType inline › dev support with next.config.js › should handle concurrent requests

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1535:7)

pnpm test test/integration/image-optimizer/test/minimum-cache-ttl.test.ts (turbopack)

  • with minimumCacheTTL of 5 sec > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for external image (DD)
  • with minimumCacheTTL of 5 sec > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for internal image (DD)
  • with minimumCacheTTL of 5 sec > dev support with next.config.js > should use cached image file when parameters are the same for animated gif (DD)
  • with minimumCacheTTL of 5 sec > dev support with next.config.js > should maintain bmp (DD)
  • with minimumCacheTTL of 5 sec > dev support with next.config.js > should handle concurrent requests (DD)
Expand output

● with minimumCacheTTL of 5 sec › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for external image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:959:7)

● with minimumCacheTTL of 5 sec › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for internal image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1181:5)

● with minimumCacheTTL of 5 sec › dev support with next.config.js › should use cached image file when parameters are the same for animated gif

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1318:5)

● with minimumCacheTTL of 5 sec › dev support with next.config.js › should maintain bmp

TIMED OUT: success

expected change, but matched

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1412:7)

● with minimumCacheTTL of 5 sec › dev support with next.config.js › should handle concurrent requests

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1535:7)

pnpm test test/integration/image-optimizer/test/sharp.test.ts (turbopack)

  • with latest sharp > dev support w/o next.config.js > should use cache and stale-while-revalidate when query is the same for internal image (DD)
  • with latest sharp > dev support w/o next.config.js > should use cached image file when parameters are the same for animated gif (DD)
  • with latest sharp > dev support w/o next.config.js > should maintain bmp (DD)
  • with latest sharp > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for external image (DD)
  • with latest sharp > dev support with next.config.js > should use cache and stale-while-revalidate when query is the same for internal image (DD)
  • with latest sharp > dev support with next.config.js > should use cached image file when parameters are the same for animated gif (DD)
  • with latest sharp > dev support with next.config.js > should maintain bmp (DD)
  • with latest sharp > dev support with next.config.js > should handle concurrent requests (DD)
Expand output

● with latest sharp › dev support w/o next.config.js › should use cache and stale-while-revalidate when query is the same for internal image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1181:5)

● with latest sharp › dev support w/o next.config.js › should use cached image file when parameters are the same for animated gif

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1318:5)

● with latest sharp › dev support w/o next.config.js › should maintain bmp

TIMED OUT: success

expected change, but matched

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1412:7)

● with latest sharp › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for external image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:959:7)

● with latest sharp › dev support with next.config.js › should use cache and stale-while-revalidate when query is the same for internal image

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1181:5)

● with latest sharp › dev support with next.config.js › should use cached image file when parameters are the same for animated gif

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1318:5)

● with latest sharp › dev support with next.config.js › should maintain bmp

TIMED OUT: success

expected change, but matched

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1412:7)

● with latest sharp › dev support with next.config.js › should handle concurrent requests

TIMED OUT: success

fail

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (integration/image-optimizer/test/util.ts:1535:7)

pnpm test-dev-turbo test/e2e/app-dir/actions/app-action-node-middleware.test.ts (turbopack)

  • app-dir action handling > should bundle external libraries if they are on the action layer (DD)
Expand output

● app-dir action handling › should bundle external libraries if they are on the action layer

ENOENT: no such file or directory, open '/tmp/next-install-081d0ac8afafbda62acd8c6cfd99fa92a09053c31110da1dba87fae9fc317f3b/.next/server/chunks/ssr/[root-of-the-server]__7f148858._.js'

pnpm test-dev-turbo test/e2e/app-dir/actions/app-action.test.ts (turbopack)

  • app-dir action handling > should bundle external libraries if they are on the action layer (DD)
Expand output

● app-dir action handling › should bundle external libraries if they are on the action layer

ENOENT: no such file or directory, open '/tmp/next-install-3d811be76c75f8c6c752af6fb131d8d0da95accb69698e6a6c156b1f549bd03d/.next/server/chunks/ssr/[root-of-the-server]__7f148858._.js'

pnpm test-dev test/e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts

  • parallel-routes-and-interception > route intercepting > should support intercepting local dynamic sibling routes (DD)
  • parallel-routes-and-interception > route intercepting with prerendered dynamic routes > should render intercepted route (DD)
Expand output

● parallel-routes-and-interception › route intercepting with prerendered dynamic routes › should render intercepted route

page.waitForSelector: Timeout 10000ms exceeded.
Call log:
  - waiting for locator('#photo-intercepted-1') to be visible

  511 |
  512 |     return this.startChain(async () => {
> 513 |       const el = await page.waitForSelector(selector, {
      |                             ^
  514 |         timeout,
  515 |         state,
  516 |       })

  at waitForSelector (lib/browsers/playwright.ts:513:29)
  at Playwright._chain (lib/browsers/playwright.ts:643:23)
  at Playwright._chain [as startChain] (lib/browsers/playwright.ts:624:17)
  at Playwright.startChain [as waitForElementByCss] (lib/browsers/playwright.ts:512:17)
  at waitForElementByCss (e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts:506:25)
  at fn (lib/next-test-utils.ts:832:20)
  at Object.<anonymous> (e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts:504:7)
  at Proxy._chain (lib/browsers/playwright.ts:643:23)
  at Proxy._chain (lib/browsers/playwright.ts:619:17)
  at Proxy.continueChain (lib/browsers/playwright.ts:425:17)
  at text (e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts:506:69)
  at fn (lib/next-test-utils.ts:832:20)
  at Object.<anonymous> (e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts:504:7)

● parallel-routes-and-interception › route intercepting › should support intercepting local dynamic sibling routes

TIMED OUT: 1

(.)_NEXTSEP_1

undefined

  757 |
  758 |   if (hardError) {
> 759 |     throw new Error('TIMED OUT: ' + regex + '\n\n' + content + '\n\n' + lastErr)
      |           ^
  760 |   }
  761 |   return false
  762 | }

  at check (lib/next-test-utils.ts:759:11)
  at Object.<anonymous> (e2e/app-dir/parallel-routes-and-interception/parallel-routes-and-interception.test.ts:839:7)

pnpm test-start test/e2e/app-dir/segment-cache/metadata/segment-cache-metadata.test.ts

  • segment cache (metadata) > regression: prefetch the head if it's missing even if all other data is cached > pages with dynamic content and dynamic metadata, using a full prefetch (DD)
Expand output

● segment cache (metadata) › regression: prefetch the head if it's missing even if all other data is cached › pages with dynamic content and dynamic metadata, using a full prefetch

thrown: "Exceeded timeout of 120000 ms for a test.
Add a timeout value to this test to increase the timeout, if this is a long-running test. See https://jestjs.io/docs/api#testname-fn-timeout."

  11 |   }
  12 |   describe("regression: prefetch the head if it's missing even if all other data is cached", () => {
> 13 |     it('pages with dynamic content and dynamic metadata, using a full prefetch', async () => {
     |     ^
  14 |       let act: ReturnType<typeof createRouterAct>
  15 |       const browser = await next.browser('/', {
  16 |         beforePageLoad(p) {

  at it (e2e/app-dir/segment-cache/metadata/segment-cache-metadata.test.ts:13:5)
  at describe (e2e/app-dir/segment-cache/metadata/segment-cache-metadata.test.ts:12:3)
  at Object.describe (e2e/app-dir/segment-cache/metadata/segment-cache-metadata.test.ts:4:1)

@ijjk
Copy link
Member

ijjk commented Sep 21, 2025 •
edited
Loading

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
buildDuration 20.9s 17.5s N/A
buildDurationCached 16.8s 13.6s N/A
nodeModulesSize 452 MB 452 MB ⚠️ +150 B
nextStartRea..uration (ms) 697ms 698ms N/A
Client Bundles (main, webpack)
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
234bef07-HASH.js gzip 54.8 kB 54.8 kB N/A
3414-HASH.js gzip 4.32 kB 4.32 kB N/A
5194.HASH.js gzip 169 B 169 B ✓
8863-HASH.js gzip 5.32 kB 5.32 kB N/A
9304-HASH.js gzip 46.5 kB 46 kB N/A
framework-HASH.js gzip 57.7 kB 57.7 kB N/A
main-app-HASH.js gzip 261 B 258 B N/A
main-HASH.js gzip 37.1 kB 36.8 kB N/A
webpack-HASH.js gzip 1.71 kB 1.71 kB N/A
Overall change 169 B 169 B ✓
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
polyfills-HASH.js gzip 39.4 kB 39.4 kB ✓
Overall change 39.4 kB 39.4 kB ✓
Client Pages
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
_app-HASH.js gzip 194 B 193 B N/A
_error-HASH.js gzip 182 B 182 B ✓
amp-HASH.js gzip 502 B 507 B N/A
css-HASH.js gzip 335 B 333 B N/A
dynamic-HASH.js gzip 1.83 kB 1.83 kB N/A
edge-ssr-HASH.js gzip 255 B 255 B ✓
head-HASH.js gzip 350 B 352 B N/A
hooks-HASH.js gzip 385 B 383 B N/A
image-HASH.js gzip 581 B 580 B N/A
index-HASH.js gzip 257 B 259 B N/A
link-HASH.js gzip 2.29 kB 2.29 kB N/A
routerDirect..HASH.js gzip 320 B 318 B N/A
script-HASH.js gzip 387 B 386 B N/A
withRouter-HASH.js gzip 315 B 313 B N/A
1afbb74e6ecf..834.css gzip 106 B 106 B ✓
Overall change 543 B 543 B ✓
Client Build Manifests
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
_buildManifest.js gzip 770 B 770 B ✓
Overall change 770 B 770 B ✓
Rendered Page Sizes
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
index.html gzip 524 B 523 B N/A
link.html gzip 539 B 534 B N/A
withRouter.html gzip 520 B 518 B N/A
Overall change 0 B 0 B ✓
Edge SSR bundle Size
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
edge-ssr.js gzip 121 kB 121 kB N/A
page.js gzip 242 kB 241 kB N/A
Overall change 0 B 0 B ✓
Middleware size Overall increase ⚠️
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
middleware-b..fest.js gzip 690 B 691 B N/A
middleware-r..fest.js gzip 156 B 155 B N/A
middleware.js gzip 33 kB 33.3 kB ⚠️ +315 B
edge-runtime..pack.js gzip 853 B 853 B ✓
Overall change 33.8 kB 34.1 kB ⚠️ +315 B
Next Runtimes
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
app-page-exp...dev.js gzip 286 kB 286 kB N/A
app-page-exp..prod.js gzip 157 kB 157 kB ✓
app-page-tur...dev.js gzip 287 kB 287 kB ✓
app-page-tur..prod.js gzip 157 kB 157 kB ✓
app-page-tur...dev.js gzip 275 kB 275 kB N/A
app-page-tur..prod.js gzip 151 kB 151 kB ✓
app-page.run...dev.js gzip 274 kB 274 kB N/A
app-page.run..prod.js gzip 151 kB 151 kB ✓
app-route-ex...dev.js gzip 70.5 kB 70.5 kB ✓
app-route-ex..prod.js gzip 49.6 kB 49.6 kB ✓
app-route-tu...dev.js gzip 70.5 kB 70.5 kB ✓
app-route-tu..prod.js gzip 49.6 kB 49.6 kB ✓
app-route-tu...dev.js gzip 69.9 kB 69.9 kB ✓
app-route-tu..prod.js gzip 49.2 kB 49.2 kB ✓
app-route.ru...dev.js gzip 69.9 kB 69.9 kB ✓
app-route.ru..prod.js gzip 49.2 kB 49.2 kB ✓
dist_client_...dev.js gzip 326 B 326 B ✓
dist_client_...dev.js gzip 328 B 328 B ✓
dist_client_...dev.js gzip 320 B 320 B ✓
dist_client_...dev.js gzip 318 B 318 B ✓
pages-api-tu...dev.js gzip 42.8 kB 42.8 kB ✓
pages-api-tu..prod.js gzip 32.9 kB 32.9 kB ✓
pages-api.ru...dev.js gzip 42.8 kB 42.8 kB ✓
pages-api.ru..prod.js gzip 32.9 kB 32.9 kB ✓
pages-turbo....dev.js gzip 53 kB 53 kB ✓
pages-turbo...prod.js gzip 40.4 kB 40.4 kB ✓
pages.runtim...dev.js gzip 53.2 kB 53.2 kB ✓
pages.runtim..prod.js gzip 40.6 kB 40.6 kB ✓
server.runti..prod.js gzip 78.2 kB 78.2 kB ✓
Overall change 1.8 MB 1.8 MB ✓
build cache Overall increase ⚠️
vercel/next.js canary vercel/next.js jiwon/09-21-set_experimental.isolateddevbuild_default_to_true Change
0.pack gzip 3.16 MB 3.16 MB ⚠️ +7.01 kB
index.pack gzip 95.7 kB 96.2 kB ⚠️ +443 B
Overall change 3.25 MB 3.26 MB ⚠️ +7.45 kB
Diff details
Diff for page.js

Diff too large to display

Diff for middleware.js

Diff too large to display

Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js 
@@ -611,36 +611,36 @@ self.__BUILD_MANIFEST = (function (a, b, c) {
       numHashes: NaN,
       bitArray: [],
     },
-    "/": ["static\u002Fchunks\u002Fpages\u002Findex-a7fb71e5f6213aa9.js"],
+    "/": ["static\u002Fchunks\u002Fpages\u002Findex-75ff7f75f4c9520b.js"],
     "/_error": [
-      "static\u002Fchunks\u002Fpages\u002F_error-8f4e796cc66bb887.js",
+      "static\u002Fchunks\u002Fpages\u002F_error-21398e242bebd4bd.js",
     ],
-    "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-97249b00762d04b9.js"],
+    "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-96acbf1ec5bf4dbf.js"],
     "/css": [
       "static\u002Fcss\u002Fded6b86ab9cc0a1f.css",
-      "static\u002Fchunks\u002Fpages\u002Fcss-30fd1831d1c5954d.js",
+      "static\u002Fchunks\u002Fpages\u002Fcss-f0abb8f1d5d6aafc.js",
     ],
     "/dynamic": [
-      "static\u002Fchunks\u002Fpages\u002Fdynamic-933632969493a23b.js",
+      "static\u002Fchunks\u002Fpages\u002Fdynamic-a6de0bd7312dbe87.js",
     ],
     "/edge-ssr": [
-      "static\u002Fchunks\u002Fpages\u002Fedge-ssr-fbde6d2b170ddc8a.js",
+      "static\u002Fchunks\u002Fpages\u002Fedge-ssr-8437b1c654938313.js",
     ],
-    "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-0fcabd05d9a7b019.js"],
-    "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-52423902769dcda6.js"],
+    "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-957c9636cda350bb.js"],
+    "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-48956e83e76a0b7c.js"],
     "/image": [
-      "static\u002Fchunks\u002F3414-0fcfc359d1626bc2.js",
-      "static\u002Fchunks\u002Fpages\u002Fimage-bcf65fa5afa25af3.js",
+      "static\u002Fchunks\u002F4432-80834164a4d7ec68.js",
+      "static\u002Fchunks\u002Fpages\u002Fimage-00893f08e46cefe9.js",
     ],
-    "/link": ["static\u002Fchunks\u002Fpages\u002Flink-107187295a8a4aea.js"],
+    "/link": ["static\u002Fchunks\u002Fpages\u002Flink-1312906a9876c4c3.js"],
     "/routerDirect": [
-      "static\u002Fchunks\u002Fpages\u002FrouterDirect-1422147417dba74a.js",
+      "static\u002Fchunks\u002Fpages\u002FrouterDirect-77c6ee7fa90e109b.js",
     ],
     "/script": [
-      "static\u002Fchunks\u002Fpages\u002Fscript-a68c215ba4b2c288.js",
+      "static\u002Fchunks\u002Fpages\u002Fscript-32f0c3e4bc363d50.js",
     ],
     "/withRouter": [
-      "static\u002Fchunks\u002Fpages\u002FwithRouter-0af6fb4f6ceaec8e.js",
+      "static\u002Fchunks\u002Fpages\u002FwithRouter-0a50058d9954ea8e.js",
     ],
     sortedPages: [
       "\u002F",
Diff for amp-HASH.js 
@@ -1,17 +1,65 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [5034],
   {
-    /***/ 4105: /***/ (
+    /***/ 6212: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
+      __webpack_require__
+    ) => {
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ config: () => /* binding */ config,
+        /* harmony export */ default: () => /* binding */ Amp,
+        /* harmony export */
+      });
+      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7023);
+      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_amp__WEBPACK_IMPORTED_MODULE_0__
+        );
+
+      const config = {
+        amp: "hybrid",
+      };
+      function Amp(props) {
+        return (0, next_amp__WEBPACK_IMPORTED_MODULE_0__.useAmp)()
+          ? "AMP mode"
+          : "normal mode";
+      }
+
+      /***/
+    },
+
+    /***/ 7023: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(4642);
+      module.exports = __webpack_require__(9926);
+
+      /***/
+    },
+
+    /***/ 8647: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/amp",
+        function () {
+          return __webpack_require__(6212);
+        },
+      ]);
+      if (false) {
+      }
 
       /***/
     },
 
-    /***/ 4642: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9926: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -27,8 +75,8 @@
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(5977)
       );
-      const _ampcontextsharedruntime = __webpack_require__(8358);
-      const _ampmode = __webpack_require__(242);
+      const _ampcontextsharedruntime = __webpack_require__(5418);
+      const _ampmode = __webpack_require__(3494);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampmode.isInAmpMode)(
@@ -49,61 +97,13 @@
 
       /***/
     },
-
-    /***/ 5261: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/amp",
-        function () {
-          return __webpack_require__(9550);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 9550: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ config: () => /* binding */ config,
-        /* harmony export */ default: () => /* binding */ Amp,
-        /* harmony export */
-      });
-      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(4105);
-      /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_amp__WEBPACK_IMPORTED_MODULE_0__
-        );
-
-      const config = {
-        amp: "hybrid",
-      };
-      function Amp(props) {
-        return (0, next_amp__WEBPACK_IMPORTED_MODULE_0__.useAmp)()
-          ? "AMP mode"
-          : "normal mode";
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(5261)
+      __webpack_exec__(8647)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for css-HASH.js 
@@ -1,7 +1,14 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9813],
   {
-    /***/ 5267: /***/ (
+    /***/ 1978: /***/ (module) => {
+      // extracted by mini-css-extract-plugin
+      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
+
+      /***/
+    },
+
+    /***/ 6941: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -15,7 +22,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(6320);
+        __webpack_require__(1978);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -35,14 +42,7 @@
       /***/
     },
 
-    /***/ 6320: /***/ (module) => {
-      // extracted by mini-css-extract-plugin
-      module.exports = { helloWorld: "css_helloWorld__aUdUq" };
-
-      /***/
-    },
-
-    /***/ 9643: /***/ (
+    /***/ 8685: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -50,7 +50,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function () {
-          return __webpack_require__(5267);
+          return __webpack_require__(6941);
         },
       ]);
       if (false) {
@@ -64,7 +64,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9643)
+      __webpack_exec__(8685)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for dynamic-HASH.js 
@@ -1,17 +1,63 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2291],
   {
-    /***/ 2406: /***/ (
-      module,
-      __unused_webpack_exports,
+    /***/ 2839: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(8949);
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7765);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(7444);
+      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
+        () =>
+          __webpack_require__
+            .e(/* import() */ 1376)
+            .then(__webpack_require__.bind(__webpack_require__, 1376))
+            .then((mod) => mod.Hello),
+        {
+          loadableGenerated: {
+            webpack: () => [/*require.resolve*/ 1376],
+          },
+        }
+      );
+      const Page = () =>
+        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
+          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
+          {
+            children: [
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+                children: "testing next/dynamic size",
+              }),
+              /*#__PURE__*/ (0,
+              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+                DynamicHello,
+                {}
+              ),
+            ],
+          }
+        );
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
 
-    /***/ 4466: /***/ (
+    /***/ 4478: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -53,7 +99,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(5977)
       );
-      const _loadablecontextsharedruntime = __webpack_require__(8452);
+      const _loadablecontextsharedruntime = __webpack_require__(5792);
       function resolve(obj) {
         return obj && obj.default ? obj.default : obj;
       }
@@ -288,63 +334,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 4545: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
-      "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
-      });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(7765);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(2406);
-      /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_dynamic__WEBPACK_IMPORTED_MODULE_1__
-        );
-
-      const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
-        () =>
-          __webpack_require__
-            .e(/* import() */ 5194)
-            .then(__webpack_require__.bind(__webpack_require__, 5194))
-            .then((mod) => mod.Hello),
-        {
-          loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 5194],
-          },
-        }
-      );
-      const Page = () =>
-        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(
-          react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,
-          {
-            children: [
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
-                children: "testing next/dynamic size",
-              }),
-              /*#__PURE__*/ (0,
-              react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-                DynamicHello,
-                {}
-              ),
-            ],
-          }
-        );
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
-
-      /***/
-    },
-
-    /***/ 8452: /***/ (
+    /***/ 5792: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -371,24 +361,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 8931: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/dynamic",
-        function () {
-          return __webpack_require__(4545);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 8949: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6153: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -421,7 +394,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
         __webpack_require__(5977)
       );
       const _loadablesharedruntime = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(4466)
+        __webpack_require__(4478)
       );
       const isServerSide = "object" === "undefined";
       // Normalize loader to return the module as form { default: Component } for `React.lazy`.
@@ -521,13 +494,40 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
 
       /***/
     },
+
+    /***/ 7444: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(6153);
+
+      /***/
+    },
+
+    /***/ 9805: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/dynamic",
+        function () {
+          return __webpack_require__(2839);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(8931)
+      __webpack_exec__(9805)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for edge-ssr-HASH.js 
@@ -1,24 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [676],
   {
-    /***/ 4717: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/edge-ssr",
-        function () {
-          return __webpack_require__(7776);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 7776: /***/ (
+    /***/ 170: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -37,13 +20,30 @@
 
       /***/
     },
+
+    /***/ 8079: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/edge-ssr",
+        function () {
+          return __webpack_require__(170);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(4717)
+      __webpack_exec__(8079)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for head-HASH.js 
@@ -1,34 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [5350],
   {
-    /***/ 943: /***/ (
+    /***/ 1177: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(2554);
+      module.exports = __webpack_require__(8366);
 
       /***/
     },
 
-    /***/ 3829: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/head",
-        function () {
-          return __webpack_require__(4662);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
-
-    /***/ 4662: /***/ (
+    /***/ 1992: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -43,7 +26,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(943);
+        __webpack_require__(1177);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -76,13 +59,30 @@
 
       /***/
     },
+
+    /***/ 8751: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/head",
+        function () {
+          return __webpack_require__(1992);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(3829)
+      __webpack_exec__(8751)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for hooks-HASH.js 
@@ -1,7 +1,24 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9804],
   {
-    /***/ 2452: /***/ (
+    /***/ 2227: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/hooks",
+        function () {
+          return __webpack_require__(2770);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 2770: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -59,30 +76,13 @@
 
       /***/
     },
-
-    /***/ 6105: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/hooks",
-        function () {
-          return __webpack_require__(2452);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(6105)
+      __webpack_exec__(2227)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for link-HASH.js 
@@ -1,143 +1,63 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4672],
   {
-    /***/ 1585: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "useIntersection", {
-        enumerable: true,
-        get: function () {
-          return useIntersection;
-        },
-      });
-      const _react = __webpack_require__(5977);
-      const _requestidlecallback = __webpack_require__(356);
-      const hasIntersectionObserver =
-        typeof IntersectionObserver === "function";
-      const observers = new Map();
-      const idList = [];
-      function createObserver(options) {
-        const id = {
-          root: options.root || null,
-          margin: options.rootMargin || "",
-        };
-        const existing = idList.find(
-          (obj) => obj.root === id.root && obj.margin === id.margin
-        );
-        let instance;
-        if (existing) {
-          instance = observers.get(existing);
-          if (instance) {
-            return instance;
-          }
-        }
-        const elements = new Map();
-        const observer = new IntersectionObserver((entries) => {
-          entries.forEach((entry) => {
-            const callback = elements.get(entry.target);
-            const isVisible =
-              entry.isIntersecting || entry.intersectionRatio > 0;
-            if (callback && isVisible) {
-              callback(isVisible);
-            }
-          });
-        }, options);
-        instance = {
-          id,
-          observer,
-          elements,
-        };
-        idList.push(id);
-        observers.set(id, instance);
-        return instance;
-      }
-      function observe(element, callback, options) {
-        const { id, observer, elements } = createObserver(options);
-        elements.set(element, callback);
-        observer.observe(element);
-        return function unobserve() {
-          elements.delete(element);
-          observer.unobserve(element);
-          // Destroy observer when there's nothing left to watch:
-          if (elements.size === 0) {
-            observer.disconnect();
-            observers.delete(id);
-            const index = idList.findIndex(
-              (obj) => obj.root === id.root && obj.margin === id.margin
-            );
-            if (index > -1) {
-              idList.splice(index, 1);
-            }
-          }
-        };
-      }
-      function useIntersection(param) {
-        let { rootRef, rootMargin, disabled } = param;
-        const isDisabled = disabled || !hasIntersectionObserver;
-        const [visible, setVisible] = (0, _react.useState)(false);
-        const elementRef = (0, _react.useRef)(null);
-        const setElement = (0, _react.useCallback)((element) => {
-          elementRef.current = element;
-        }, []);
-        (0, _react.useEffect)(() => {
-          if (hasIntersectionObserver) {
-            if (isDisabled || visible) return;
-            const element = elementRef.current;
-            if (element && element.tagName) {
-              const unobserve = observe(
-                element,
-                (isVisible) => isVisible && setVisible(isVisible),
-                {
-                  root: rootRef == null ? void 0 : rootRef.current,
-                  rootMargin,
-                }
-              );
-              return unobserve;
-            }
-          } else {
-            if (!visible) {
-              const idleCallback = (0,
-              _requestidlecallback.requestIdleCallback)(() => setVisible(true));
-              return () =>
-                (0, _requestidlecallback.cancelIdleCallback)(idleCallback);
-            }
-          }
-          // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, [isDisabled, rootMargin, rootRef, visible, elementRef.current]);
-        const resetVisible = (0, _react.useCallback)(() => {
-          setVisible(false);
-        }, []);
-        return [setElement, visible, resetVisible];
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=use-intersection.js.map
+    /***/ 2783: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(5926);
 
       /***/
     },
 
-    /***/ 2621: /***/ (
-      module,
-      __unused_webpack_exports,
+    /***/ 4174: /***/ (
+      __unused_webpack_module,
+      __webpack_exports__,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(5410);
+      "use strict";
+      __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
+      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
+        __webpack_require__(7765);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
+        __webpack_require__(2783);
+      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
+        /*#__PURE__*/ __webpack_require__.n(
+          next_link__WEBPACK_IMPORTED_MODULE_1__
+        );
+
+      function aLink(props) {
+        return /*#__PURE__*/ (0,
+        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+          children: [
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
+              children: "A Link page!",
+            }),
+            /*#__PURE__*/ (0,
+            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
+              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
+              {
+                href: "/",
+                children: "Go to /",
+              }
+            ),
+          ],
+        });
+      }
+      var __N_SSP = true;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
 
       /***/
     },
 
-    /***/ 5410: /***/ (module, exports, __webpack_require__) => {
+    /***/ 5926: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -164,16 +84,16 @@
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
         __webpack_require__(5977)
       );
-      const _resolvehref = __webpack_require__(224);
-      const _islocalurl = __webpack_require__(7746);
-      const _formaturl = __webpack_require__(315);
-      const _utils = __webpack_require__(8709);
-      const _addlocale = __webpack_require__(6358);
-      const _routercontextsharedruntime = __webpack_require__(4095);
-      const _useintersection = __webpack_require__(1585);
-      const _getdomainlocale = __webpack_require__(8802);
-      const _addbasepath = __webpack_require__(6151);
-      const _usemergedref = __webpack_require__(9100);
+      const _resolvehref = __webpack_require__(6708);
+      const _islocalurl = __webpack_require__(6526);
+      const _formaturl = __webpack_require__(5575);
+      const _utils = __webpack_require__(3497);
+      const _addlocale = __webpack_require__(722);
+      const _routercontextsharedruntime = __webpack_require__(1235);
+      const _useintersection = __webpack_require__(8069);
+      const _getdomainlocale = __webpack_require__(9734);
+      const _addbasepath = __webpack_require__(4419);
+      const _usemergedref = __webpack_require__(6136);
       const prefetched = new Set();
       function prefetch(router, href, as, options) {
         if (false) {
@@ -495,43 +415,7 @@
       /***/
     },
 
-    /***/ 8802: /***/ (module, exports, __webpack_require__) => {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true,
-      });
-      Object.defineProperty(exports, "getDomainLocale", {
-        enumerable: true,
-        get: function () {
-          return getDomainLocale;
-        },
-      });
-      const _normalizetrailingslash = __webpack_require__(1652);
-      const basePath =
-        /* unused pure expression or super */ null && (false || "");
-      function getDomainLocale(path, locale, locales, domainLocales) {
-        if (false) {
-        } else {
-          return false;
-        }
-      }
-      if (
-        (typeof exports.default === "function" ||
-          (typeof exports.default === "object" && exports.default !== null)) &&
-        typeof exports.default.__esModule === "undefined"
-      ) {
-        Object.defineProperty(exports.default, "__esModule", {
-          value: true,
-        });
-        Object.assign(exports.default, exports);
-        module.exports = exports.default;
-      } //# sourceMappingURL=get-domain-locale.js.map
-
-      /***/
-    },
-
-    /***/ 9100: /***/ (module, exports, __webpack_require__) => {
+    /***/ 6136: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -609,7 +493,7 @@
       /***/
     },
 
-    /***/ 9693: /***/ (
+    /***/ 7047: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -617,7 +501,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function () {
-          return __webpack_require__(9948);
+          return __webpack_require__(4174);
         },
       ]);
       if (false) {
@@ -626,48 +510,164 @@
       /***/
     },
 
-    /***/ 9948: /***/ (
-      __unused_webpack_module,
-      __webpack_exports__,
-      __webpack_require__
-    ) => {
+    /***/ 8069: /***/ (module, exports, __webpack_require__) => {
       "use strict";
-      __webpack_require__.r(__webpack_exports__);
-      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
-        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
-        /* harmony export */
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
       });
-      /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(7765);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(2621);
-      /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
-        /*#__PURE__*/ __webpack_require__.n(
-          next_link__WEBPACK_IMPORTED_MODULE_1__
+      Object.defineProperty(exports, "useIntersection", {
+        enumerable: true,
+        get: function () {
+          return useIntersection;
+        },
+      });
+      const _react = __webpack_require__(5977);
+      const _requestidlecallback = __webpack_require__(3432);
+      const hasIntersectionObserver =
+        typeof IntersectionObserver === "function";
+      const observers = new Map();
+      const idList = [];
+      function createObserver(options) {
+        const id = {
+          root: options.root || null,
+          margin: options.rootMargin || "",
+        };
+        const existing = idList.find(
+          (obj) => obj.root === id.root && obj.margin === id.margin
         );
-
-      function aLink(props) {
-        return /*#__PURE__*/ (0,
-        react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
-          children: [
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h3", {
-              children: "A Link page!",
-            }),
-            /*#__PURE__*/ (0,
-            react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(
-              next_link__WEBPACK_IMPORTED_MODULE_1___default(),
-              {
-                href: "/",
-                children: "Go to /",
-              }
-            ),
-          ],
+        let instance;
+        if (existing) {
+          instance = observers.get(existing);
+          if (instance) {
+            return instance;
+          }
+        }
+        const elements = new Map();
+        const observer = new IntersectionObserver((entries) => {
+          entries.forEach((entry) => {
+            const callback = elements.get(entry.target);
+            const isVisible =
+              entry.isIntersecting || entry.intersectionRatio > 0;
+            if (callback && isVisible) {
+              callback(isVisible);
+            }
+          });
+        }, options);
+        instance = {
+          id,
+          observer,
+          elements,
+        };
+        idList.push(id);
+        observers.set(id, instance);
+        return instance;
+      }
+      function observe(element, callback, options) {
+        const { id, observer, elements } = createObserver(options);
+        elements.set(element, callback);
+        observer.observe(element);
+        return function unobserve() {
+          elements.delete(element);
+          observer.unobserve(element);
+          // Destroy observer when there's nothing left to watch:
+          if (elements.size === 0) {
+            observer.disconnect();
+            observers.delete(id);
+            const index = idList.findIndex(
+              (obj) => obj.root === id.root && obj.margin === id.margin
+            );
+            if (index > -1) {
+              idList.splice(index, 1);
+            }
+          }
+        };
+      }
+      function useIntersection(param) {
+        let { rootRef, rootMargin, disabled } = param;
+        const isDisabled = disabled || !hasIntersectionObserver;
+        const [visible, setVisible] = (0, _react.useState)(false);
+        const elementRef = (0, _react.useRef)(null);
+        const setElement = (0, _react.useCallback)((element) => {
+          elementRef.current = element;
+        }, []);
+        (0, _react.useEffect)(() => {
+          if (hasIntersectionObserver) {
+            if (isDisabled || visible) return;
+            const element = elementRef.current;
+            if (element && element.tagName) {
+              const unobserve = observe(
+                element,
+                (isVisible) => isVisible && setVisible(isVisible),
+                {
+                  root: rootRef == null ? void 0 : rootRef.current,
+                  rootMargin,
+                }
+              );
+              return unobserve;
+            }
+          } else {
+            if (!visible) {
+              const idleCallback = (0,
+              _requestidlecallback.requestIdleCallback)(() => setVisible(true));
+              return () =>
+                (0, _requestidlecallback.cancelIdleCallback)(idleCallback);
+            }
+          }
+          // eslint-disable-next-line react-hooks/exhaustive-deps
+        }, [isDisabled, rootMargin, rootRef, visible, elementRef.current]);
+        const resetVisible = (0, _react.useCallback)(() => {
+          setVisible(false);
+        }, []);
+        return [setElement, visible, resetVisible];
+      }
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
         });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=use-intersection.js.map
+
+      /***/
+    },
+
+    /***/ 9734: /***/ (module, exports, __webpack_require__) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      Object.defineProperty(exports, "getDomainLocale", {
+        enumerable: true,
+        get: function () {
+          return getDomainLocale;
+        },
+      });
+      const _normalizetrailingslash = __webpack_require__(504);
+      const basePath =
+        /* unused pure expression or super */ null && (false || "");
+      function getDomainLocale(path, locale, locales, domainLocales) {
+        if (false) {
+        } else {
+          return false;
+        }
       }
-      var __N_SSP = true;
-      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
+        });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=get-domain-locale.js.map
 
       /***/
     },
@@ -677,7 +677,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(9693)
+      __webpack_exec__(7047)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for script-HASH.js 
@@ -1,7 +1,34 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [1209],
   {
-    /***/ 3699: /***/ (
+    /***/ 1008: /***/ (
+      module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      module.exports = __webpack_require__(2817);
+
+      /***/
+    },
+
+    /***/ 6951: /***/ (
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) => {
+      (window.__NEXT_P = window.__NEXT_P || []).push([
+        "/script",
+        function () {
+          return __webpack_require__(8889);
+        },
+      ]);
+      if (false) {
+      }
+
+      /***/
+    },
+
+    /***/ 8889: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -16,7 +43,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(7765);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(4802);
+        __webpack_require__(1008);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -48,40 +75,13 @@
 
       /***/
     },
-
-    /***/ 4802: /***/ (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      module.exports = __webpack_require__(8661);
-
-      /***/
-    },
-
-    /***/ 7861: /***/ (
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) => {
-      (window.__NEXT_P = window.__NEXT_P || []).push([
-        "/script",
-        function () {
-          return __webpack_require__(3699);
-        },
-      ]);
-      if (false) {
-      }
-
-      /***/
-    },
   },
   /******/ (__webpack_require__) => {
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(7861)
+      __webpack_exec__(6951)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 3414-HASH.js

Diff too large to display

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

Diff too large to display

Diff for main-HASH.js

Diff too large to display

Commit: adb21be

@ijjk ijjk added the tests label Sep 21, 2025
vercel[bot]
vercel bot reviewed Sep 21, 2025
View reviewed changes
@ijjk ijjk added the create-next-app Related to our CLI tool for quickly starting a new Next.js application. label Sep 21, 2025
@devjiwonchoi devjiwonchoi force-pushed the jiwon/09-21-set_experimental.isolateddevbuild_default_to_true branch from 764a74d to 2827f42 Compare September 21, 2025 20:48
devjiwonchoi and others added 4 commits September 21, 2025 22:49
@devjiwonchoi
getDistDir()
adb21be
@devin-ai-integration @devjiwonchoi
fix: add forceProduction parameter to getDistDir helpers for producti…
ad60e5b 
…on builds

- Add forceProduction parameter to getDistDir(), getPagesManifest(), and getPageFileFromPagesManifest()
- Update 404-page-custom-error test to use forceProduction=true for production build checks
- Fixes issue where tests were looking in .next/dev/ instead of .next/ for production artifacts

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: update prerender-no-revalidate test to use forceProduction param…
03e1c4f 
…eter

- Add forceProduction=true to getDistDir() and getPageFileFromPagesManifest() calls
- Ensures test looks in .next/ instead of .next/dev/ for production build artifacts
- All 8 tests now pass successfully

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: update all remaining hardcoded .next paths in tests to use getDi…
97b20f4 
…stDir()

- Replace hardcoded '.next' paths with getDistDir() calls in ~100+ test files
- Covers integration tests, e2e tests, and production tests
- Ensures tests work correctly with isolatedDevBuild=true default
- Tests now dynamically use .next/dev in development and .next in production

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@ijjk
Copy link
Member

ijjk commented Sep 22, 2025

Allow CI Workflow Run

  • approve CI run for commit: 97b20f4

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

@ijjk
Copy link
Member

ijjk commented Sep 22, 2025 •
edited
Loading

Allow CI Workflow Run

  • approve CI run for commit: ba24e59

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

vercel[bot]
vercel bot reviewed Sep 22, 2025
View reviewed changes
devin-ai-integration bot and others added 6 commits September 22, 2025 13:08
@devin-ai-integration @devjiwonchoi
fix: revert forceProduction parameter and implement proper isNextDev …
3b0e9d7 
…flag management

- Remove forceProduction parameter from getDistDir(), getPagesManifest(), and getPageFileFromPagesManifest()
- Implement try-finally blocks in nextBuild() and nextStart() to properly manage isNextDev flag
- Update 76+ test files to use getDistDir() instead of hardcoded .next paths
- Ensure production builds correctly set isNextDev=false and restore original value
- Fix systematic hardcoded path issues across integration, production, and e2e test suites

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: update stats-config.js to use getDistDir() for all hardcoded .ne…
ab09d8e 
…xt paths

- Replace all hardcoded .next paths in clientGlobs and renames arrays
- Update getRequiredFiles function to use getDistDir() for path checks
- Add getDistDir import from next-test-utils
- Ensure stats collection works correctly with isolated dev build structure

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: update remaining hardcoded .next paths in trailing-slash and pro…
b98e28c 
…duction tests

- Add getDistDir import and replace hardcoded .next paths in trailing-slash tests
- Update production test files to use getDistDir() for build manifest paths
- Fix remaining hardcoded paths found in comprehensive search

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: add missing getDistDir import to og-api test
e6d1baf 
- Add getDistDir import to fix TypeScript errors in og-api test
- Complete final hardcoded .next path replacement in standalone tests

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: update final hardcoded .next paths in app-dir-export and standal…
7fea4b1 
…one tests

- Replace hardcoded .next/standalone paths with getDistDir() in error messages and file operations
- Update app-dir-export test to use dynamic path in standalone server error message
- Update required-server-files-ppr test to use getDistDir() for standalone directory rename
- Complete comprehensive replacement of all hardcoded .next paths across test suite

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: complete remaining hardcoded .next path replacements
4a575a3 
- Update trailing-slash tests to use getDistDir() for routes-manifest.json paths
- Fix standalone mode tests to use getDistDir() for server file paths
- Update edge runtime tests to use getDistDir() for cleanup paths
- Fix next-start.ts to use getDistDir() for BUILD_ID path resolution
- Add missing getDistDir imports to all modified test files
- Remove unused imports to fix ESLint errors
- Ensure proper dynamic directory resolution for dev vs production modes

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devin-ai-integration @devjiwonchoi
fix: update final remaining hardcoded .next paths in unit tests
ba24e59 
- Add getDistDir import to next-babel-loader-prod.test.ts and use it for distDir option
- Add getDistDir import to write-app-declarations.test.ts and use it for distDir parameter
- Update prerender.test.ts to use getDistDir() for cache file paths
- Fix server-action-period-hash.test.ts to use getDistDir() for cache removal
- Complete systematic replacement of all hardcoded .next paths with dynamic getDistDir() calls

Co-Authored-By: Jiwon Choi <devjiwonchoi@gmail.com>
@devjiwonchoi devjiwonchoi mentioned this pull request Sep 22, 2025
Merged
@devjiwonchoi
Copy link
Member Author

Pain, will break down to mulitple PRs

@devjiwonchoi devjiwonchoi deleted the jiwon/09-21-set_experimental.isolateddevbuild_default_to_true branch September 22, 2025 18:57
@bgw bgw mentioned this pull request Oct 2, 2025
Closed
This was referenced Oct 6, 2025
Merged
Merged
Merged
Merged
devjiwonchoi added a commit that referenced this pull request Oct 6, 2025
@devjiwonchoi
CI: Enable experimental.isolatedDevBuild for test-unit (#84559)
84cdf57 
Enabling `experimental.isolatedDevBuild` required many changes to the
current workflow, so we will incrementally roll out to the tests.

1. ~~test-experimental-dev
([link](#84099
2. test-dev ([link](#84562))
2. test-prod ([link](#84556))
3. test-integration
([link](#84558))
4. test-unit (here)
5. Enable by default, remove the flag, and update the rest

x-ref: #84043
devjiwonchoi added a commit that referenced this pull request Oct 6, 2025
@devjiwonchoi
CI: Enable experimental.isolatedDevBuild for test-prod (#84556)
9f2db5f 
Enabling `experimental.isolatedDevBuild` required many changes to the
current workflow, so we will incrementally roll out to the tests.

Enabling on test-prod instead of test-experimental-prod because
`-experimental` CIs are filtered via `experimental-tests-manifest.json`
and they don't cover all tests. We want to enable this feature by
default so we should ensure this incremental rollout is covered on all
test cases.

1. ~~test-experimental-dev
([link](#84099
2. test-dev ([link](#84562))
3. test-prod (here)
4. test-integration
5. test-unit
6. Enable by default, remove the flag, and update the rest

x-ref: #84043
devjiwonchoi added a commit that referenced this pull request Oct 6, 2025
@devjiwonchoi
CI: Enable experimental.isolatedDevBuild for test-integration (#8…
f9ca4b5 
…4558)

Enabling `experimental.isolatedDevBuild` required many changes to the
current workflow, so we will incrementally roll out to the tests.

Enabling on test-integration instead of test-experimental-integration
because `-experimental` CIs are filtered via
`experimental-tests-manifest.json` and they don't cover all tests. We
want to enable this feature by default so we should ensure this
incremental rollout is covered on all test cases.

1. ~~test-experimental-dev
([link](#84099
2. test-dev ([link](#84562))
2. test-prod ([link](#84556))
3. test-integration (here)
4. test-unit
5. Enable by default, remove the flag, and update the rest

x-ref: #84043
devjiwonchoi added a commit that referenced this pull request Oct 6, 2025
@devjiwonchoi
CI: Enable experimental.isolatedDevBuild for test-dev (#84562)
c388db4 
Enabling `experimental.isolatedDevBuild` required many changes to the
current workflow, so we will incrementally roll out to the tests.

Enabling on test-dev instead of test-experimental-dev because
`-experimental` CIs are filtered via `experimental-tests-manifest.json`
and they don't cover all tests. We want to enable this feature by
default so we should ensure this incremental rollout is covered on all
test cases.

The flag was enabled for `test-experimental-dev` at
#84099, and this PR moves the flag
to the `test-dev` job.

1. ~~test-experimental-dev
([link](#84099
2. test-dev (here)
3. test-prod
4. test-integration
5. test-unit
6. Enable by default, remove the flag, and update the rest

x-ref: #84043
@github-actions github-actions bot added the locked label Oct 7, 2025
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Oct 7, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Reviewers

@vercel vercel[bot] vercel[bot] left review comments

Assignees

No one assigned

Labels

create-next-app Related to our CLI tool for quickly starting a new Next.js application. created-by: Next.js team PRs by the Next.js team. locked tests type: next

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@devjiwonchoi @ijjk