Failed to load _ipx/ url when using @next/image

Hi support,

https://dev--thunderous-conkies-6b72a3.netlify.app/marketplace/custom

I’m using @next/image to load my images. When I checked the website. The images are not loaded. Upon checking the console console of my site. I see the links are redirected (301) to an equivalent _ipx addresses. However those _ipx address shows 400.

Hope you’ll be able to guide me what’s going on.

Sincerely,

jofil

Hey there, @crypticgenie :wave:

Can you share your project repo with us, as well as your latest deploy log?

additionally, have you checked the forums for related threads? Here are a few folks who have worked through similar issues:
https://answers.netlify.com/search?q=nextjs%20ipx%20image

Hi Hillary,

Thanks for the respond.

Attached here are logs with the latest deployment (400) and the last log where the images are working fine.
I notice the different versions of @netlify/plugin-nextjs.
Failed on @netlify/plugin-nextjs@4.22.0
Last Working on @netlify/plugin-nextjs@4.21.1

Note: current build is working on my local. It shows the images. Only when I deployed it there’s 400 on the images.

Failed Log:

10:34:12 PM: Build ready to start
10:34:13 PM: build-image version: d7b3dbfb0846505993c9a131894d1858074c90b4 (focal)
10:34:13 PM: build-image tag: v4.10.1
10:34:13 PM: buildbot version: 37262c48b1f3cfa88c6caed707d29b19aef6a5a7
10:34:13 PM: Fetching cached dependencies
10:34:13 PM: Starting to download cache of 776.5MB
10:34:20 PM: Finished downloading cache in 7.168203316s
10:34:20 PM: Starting to extract cache
10:34:25 PM: Finished extracting cache in 4.873201958s
10:34:25 PM: Finished fetching cache in 12.193250133s
10:34:25 PM: Starting to prepare the repo for build
10:34:25 PM: Netlify Large Media is enabled, running git commands with GIT_LFS_SKIP_SMUDGE=1
10:34:26 PM: Preparing Git Reference refs/heads/dev
10:34:30 PM: Parsing package.json dependencies
10:34:30 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'application/.next' versus '.next' in the Netlify UI
10:34:30 PM: Different build command detected, going to use the one specified in the Netlify configuration file: 'npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build' versus 'next build' in the Netlify UI
10:34:31 PM: Starting build script
10:34:31 PM: Installing dependencies
10:34:31 PM: Python version set to 2.7
10:34:31 PM: Started restoring cached node version
10:34:32 PM: Finished restoring cached node version
10:34:32 PM: Attempting node version 'lts/gallium' from .nvmrc
10:34:32 PM: v16.17.0 is already installed.
10:34:32 PM: Now using node v16.17.0 (npm v8.15.0)
10:34:32 PM: Started restoring cached build plugins
10:34:32 PM: Finished restoring cached build plugins
10:34:32 PM: Attempting ruby version 2.7.2, read from environment
10:34:33 PM: Using ruby version 2.7.2
10:34:33 PM: Using PHP version 8.0
10:34:33 PM: No npm workspaces detected
10:34:33 PM: Started restoring cached node modules
10:34:33 PM: Finished restoring cached node modules
10:34:34 PM: Installing NPM modules using NPM version 8.15.0
10:34:34 PM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
10:34:34 PM: npm WARN config location in the cache, and they are managed by
10:34:34 PM: npm WARN config     [`cacache`](http://npm.im/cacache).
10:34:34 PM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
10:34:34 PM: npm WARN config location in the cache, and they are managed by
10:34:34 PM: npm WARN config     [`cacache`](http://npm.im/cacache).
10:34:34 PM: 8.15.0
10:34:34 PM: NPM modules installed
10:34:34 PM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
10:34:34 PM: npm WARN config location in the cache, and they are managed by
10:34:34 PM: npm WARN config     [`cacache`](http://npm.im/cacache).
10:34:34 PM: Started restoring cached go cache
10:34:34 PM: Finished restoring cached go cache
10:34:34 PM: Installing Go version 1.17 (requested 1.17)
10:34:40 PM: unset GOOS;
10:34:40 PM: unset GOARCH;
10:34:40 PM: export GOROOT='/opt/buildhome/.gimme/versions/go1.17.linux.amd64';
10:34:40 PM: export PATH="/opt/buildhome/.gimme/versions/go1.17.linux.amd64/bin:${PATH}";
10:34:40 PM: go version >&2;
10:34:40 PM: export GIMME_ENV="/opt/buildhome/.gimme/env/go1.17.linux.amd64.env"
10:34:40 PM: go version go1.17 linux/amd64
10:34:40 PM: Installing missing commands
10:34:40 PM: Verify run directory
10:34:41 PM: ​
10:34:41 PM: ────────────────────────────────────────────────────────────────
10:34:41 PM:   Netlify Build
10:34:41 PM: ────────────────────────────────────────────────────────────────
10:34:41 PM: ​
10:34:41 PM: ❯ Version
10:34:41 PM:   @netlify/build 27.17.1
10:34:41 PM: ​
10:34:41 PM: ❯ Flags
10:34:41 PM:   baseRelDir: true
10:34:41 PM:   buildId: 632094e3072e1e000852c447
10:34:41 PM:   deployId: 632094e3072e1e000852c449
10:34:41 PM: ​
10:34:41 PM: ❯ Current directory
10:34:41 PM:   /opt/build/repo/application
10:34:41 PM: ​
10:34:41 PM: ❯ Config file
10:34:41 PM:   /opt/build/repo/netlify.toml
10:34:41 PM: ​
10:34:41 PM: ❯ Context
10:34:41 PM:   branch-deploy
10:34:41 PM: ​
10:34:41 PM: ❯ Installing plugins
10:34:41 PM:    - @netlify/plugin-nextjs@4.22.0
10:34:44 PM: ​
10:34:44 PM: ❯ Loading plugins
10:34:44 PM:    - @netlify/plugin-nextjs@4.22.0 from Netlify app
10:34:45 PM: ​
10:34:45 PM: ────────────────────────────────────────────────────────────────
10:34:45 PM:   1. @netlify/plugin-nextjs (onPreBuild event)
10:34:45 PM: ────────────────────────────────────────────────────────────────
10:34:45 PM: ​
10:34:45 PM: Next.js cache restored.
10:34:45 PM: Netlify configuration property "build.environment.NEXT_PRIVATE_TARGET" value changed.
10:34:45 PM: ​
10:34:45 PM: (@netlify/plugin-nextjs onPreBuild completed in 205ms)
10:34:45 PM: ​
10:34:45 PM: ────────────────────────────────────────────────────────────────
10:34:45 PM:   2. build.command from netlify.toml
10:34:45 PM: ────────────────────────────────────────────────────────────────
10:34:45 PM: ​
10:34:45 PM: $ npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build
10:34:45 PM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
10:34:45 PM: npm WARN config location in the cache, and they are managed by
10:34:45 PM: npm WARN config     [`cacache`](http://npm.im/cacache).
10:34:48 PM: npm WARN exec The following package was not found and will be installed: pnpm@7.11.0
10:34:49 PM: Progress: resolved 0, reused 1, downloaded 0, added 0
10:34:50 PM: Progress: resolved 43, reused 23, downloaded 10, added 0
10:34:51 PM: Progress: resolved 117, reused 77, downloaded 20, added 0
10:34:52 PM: Progress: resolved 653, reused 622, downloaded 27, added 0
10:34:52 PM:  WARN  deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
10:34:53 PM: Progress: resolved 814, reused 758, downloaded 41, added 0
10:34:54 PM: Progress: resolved 893, reused 834, downloaded 45, added 0
10:34:54 PM:  WARN  deprecated wagmi-core@0.1.22: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
10:34:54 PM:  WARN  deprecated walletlink@2.5.0: WARNING: This project has been renamed to @coinbase/wallet-sdk. Install using @coinbase/wallet-sdk instead.
10:34:54 PM:  WARN  deprecated multibase@4.0.6: This module has been superseded by the multiformats module
10:34:55 PM: Progress: resolved 1013, reused 932, downloaded 46, added 0
10:34:55 PM:  WARN  deprecated safe-event-emitter@1.0.1: Renamed to @metamask/safe-event-emitter
10:34:55 PM:  WARN  deprecated uglify-es@3.3.9: support for ECMAScript is superseded by `uglify-js` as of v3.13.0
10:34:56 PM:  WARN  deprecated eth-sig-util@1.4.2: Deprecated in favor of '@metamask/eth-sig-util'
10:34:56 PM: Progress: resolved 1186, reused 1100, downloaded 46, added 0
10:34:56 PM:  WARN  deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
10:34:56 PM:  WARN  deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
10:34:56 PM:  WARN  deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
10:34:56 PM:  WARN  deprecated @walletconnect/mobile-registry@1.4.0: Deprecated in favor of dynamic registry available from: https://github.com/walletconnect/walletconnect-registry
10:34:57 PM: Progress: resolved 1351, reused 1270, downloaded 48, added 0
10:34:57 PM: Packages: +63 -61
10:34:57 PM: ++++++++++++++++++++++++++++++++++++++++----------------------------------------
10:34:58 PM: Progress: resolved 1351, reused 1271, downloaded 48, added 63, done
10:34:58 PM: dependencies:
10:34:58 PM: - @thirdweb-dev/react 2.9.6
10:34:58 PM: + @thirdweb-dev/react 2.9.7
10:34:58 PM: - @thirdweb-dev/sdk 2.4.8
10:34:58 PM: + @thirdweb-dev/sdk 2.4.9
10:34:58 PM: - csstype 3.1.0
10:34:58 PM: + csstype 3.1.1
10:34:58 PM: - next 12.2.5
10:34:58 PM: + next 12.3.0
10:34:58 PM: - wagmi 0.6.4
10:34:58 PM: + wagmi 0.6.6
10:34:58 PM: devDependencies:
10:34:58 PM: - @react-three/drei 9.26.1
10:34:58 PM: + @react-three/drei 9.29.1
10:34:58 PM: - @react-three/fiber 8.7.2
10:34:58 PM: + @react-three/fiber 8.7.3
10:34:58 PM: - @types/node 18.7.15
10:34:58 PM: + @types/node 18.7.17
10:34:58 PM: - @types/react 18.0.18
10:34:58 PM: + @types/react 18.0.19
10:34:58 PM: - @unocss/preset-attributify 0.45.18
10:34:58 PM: + @unocss/preset-attributify 0.45.21
10:34:58 PM: - @unocss/preset-typography 0.45.18
10:34:58 PM: + @unocss/preset-typography 0.45.21
10:34:58 PM: - @unocss/preset-web-fonts 0.45.18
10:34:58 PM: + @unocss/preset-web-fonts 0.45.21
10:34:58 PM: - @unocss/reset 0.45.18
10:34:58 PM: + @unocss/reset 0.45.21
10:34:58 PM: - @unocss/transformer-compile-class 0.45.18
10:34:58 PM: + @unocss/transformer-compile-class 0.45.21
10:34:58 PM: - @unocss/transformer-directives 0.45.18
10:34:58 PM: + @unocss/transformer-directives 0.45.21
10:34:58 PM: - @unocss/transformer-variant-group 0.45.18
10:34:58 PM: + @unocss/transformer-variant-group 0.45.21
10:34:58 PM: - @unocss/webpack 0.45.18
10:34:58 PM: + @unocss/webpack 0.45.21
10:34:58 PM: - eslint 8.23.0
10:34:58 PM: + eslint 8.23.1
10:34:58 PM: - eslint-config-next 12.2.5
10:34:58 PM: + eslint-config-next 12.3.0
10:34:58 PM: - typescript 4.8.2
10:34:58 PM: + typescript 4.8.3
10:34:58 PM: - unocss 0.45.18
10:34:58 PM: + unocss 0.45.21
10:34:58 PM:  WARN  Issues with peer dependencies found
10:34:58 PM: .
10:34:58 PM: ├─┬ react-native 0.69.5
10:34:58 PM: │ └── ✕ unmet peer react@18.0.0: found 18.2.0
10:34:58 PM: └─┬ @thirdweb-dev/react 2.9.7
10:34:58 PM:   └─┬ wagmi 0.2.28
10:34:58 PM:     └── ✕ unmet peer react@^17.0.0: found 18.2.0
10:34:58 PM: The integrity of 3425 files was checked. This might have caused installation to take longer.
10:34:58 PM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
10:34:58 PM: npm WARN config location in the cache, and they are managed by
10:34:58 PM: npm WARN config     [`cacache`](http://npm.im/cacache).
10:35:01 PM: > the-dungeon-marketplace@2.1.0 build /opt/build/repo/application
10:35:01 PM: > next build
10:35:02 PM: info  - Linting and checking validity of types...
10:35:17 PM: info  - Creating an optimized production build...
10:35:52 PM: info  - Compiled successfully
10:35:52 PM: info  - Collecting page data...
10:35:57 PM: info  - Generating static pages (0/8)
10:35:59 PM: info  - Generating static pages (2/8)
10:35:59 PM: info  - Generating static pages (4/8)
10:35:59 PM: info  - Generating static pages (6/8)
10:35:59 PM: info  - Generating static pages (8/8)
10:36:00 PM: info  - Finalizing page optimization...
10:36:00 PM: Route (pages)                              Size     First Load JS
10:36:00 PM: ┌ ○ / (1385 ms)                            1.39 kB         936 kB
10:36:00 PM: ├   /_app                                  0 B             935 kB
10:36:00 PM: ├ ○ /404                                   196 B           935 kB
10:36:00 PM: ├ λ /api/mint                              0 B             935 kB
10:36:00 PM: ├ ○ /marketplace (1417 ms)                 2.87 kB         949 kB
10:36:00 PM: ├ ○ /marketplace/bundles (1331 ms)         6.05 kB         941 kB
10:36:00 PM: ├ ○ /marketplace/custom (1628 ms)          251 kB         1.19 MB
10:36:00 PM: ├ ○ /marketplace/items (1476 ms)           2.42 kB         948 kB
10:36:00 PM: └ ○ /storyline (1484 ms)                   1.53 kB         936 kB
10:36:00 PM: + First Load JS shared by all              940 kB
10:36:00 PM:   ├ chunks/framework-2ea954a4e58c9061.js   45.3 kB
10:36:00 PM:   ├ chunks/main-b55fb77011f45538.js        31.3 kB
10:36:00 PM:   ├ chunks/pages/_app-f72befd56589b6a4.js  856 kB
10:36:00 PM:   ├ chunks/webpack-e938afed78fcbf99.js     2 kB
10:36:00 PM:   └ css/8544c2a2740aaf98.css               5.11 kB
10:36:00 PM: λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
10:36:00 PM: ○  (Static)  automatically rendered as static HTML (uses no initial props)
10:36:00 PM: ​
10:36:00 PM: (build.command completed in 1m 14.9s)
10:36:00 PM: ​
10:36:00 PM: ────────────────────────────────────────────────────────────────
10:36:00 PM:   3. @netlify/plugin-nextjs (onBuild event)
10:36:00 PM: ────────────────────────────────────────────────────────────────
10:36:00 PM: ​
10:36:00 PM: Patching /opt/build/repo/application/node_modules/.pnpm/next@12.3.0_vyk55zyolcaieh7zfm7nf7uva4/node_modules/next/dist/server/base-server.js
10:36:00 PM: Done
10:36:00 PM: Patching /opt/build/repo/application/node_modules/.pnpm/next@12.3.0_vyk55zyolcaieh7zfm7nf7uva4/node_modules/next/dist/server/next-server.js
10:36:00 PM: Done
10:36:00 PM: Moving static page files to serve from CDN...
10:36:00 PM: Moved 6 files
10:36:00 PM: Netlify configuration property "redirects" value changed to [
10:36:00 PM:   { from: '/_next/static/*', to: '/static/:splat', status: 200 },
10:36:00 PM:   {
10:36:00 PM:     from: '/_next/image*',
10:36:00 PM:     query: { url: ':url', w: ':width', q: ':quality' },
10:36:00 PM:     to: '/_ipx/w_:width,q_:quality/:url',
10:36:00 PM:     status: 301
10:36:00 PM:   },
10:36:00 PM:   { from: '/_ipx/*', to: '/.netlify/builders/_ipx', status: 200 },
10:36:00 PM:   { from: '/cache/*', to: '/404.html', status: 404, force: true },
10:36:00 PM:   { from: '/server/*', to: '/404.html', status: 404, force: true },
10:36:00 PM:   { from: '/serverless/*', to: '/404.html', status: 404, force: true },
10:36:00 PM:   { from: '/trace', to: '/404.html', status: 404, force: true },
10:36:00 PM:   { from: '/traces', to: '/404.html', status: 404, force: true },
10:36:00 PM:   ... 4 more items
10:36:00 PM: ].
10:36:00 PM: ​
10:36:00 PM: (@netlify/plugin-nextjs onBuild completed in 80ms)
10:36:00 PM: ​
10:36:00 PM: ────────────────────────────────────────────────────────────────
10:36:00 PM:   4. Functions bundling
10:36:00 PM: ────────────────────────────────────────────────────────────────
10:36:00 PM: ​
10:36:00 PM: Packaging Functions from .netlify/functions-internal directory:
10:36:00 PM:  - ___netlify-handler/___netlify-handler.js
10:36:00 PM:  - ___netlify-odb-handler/___netlify-odb-handler.js
10:36:00 PM:  - _ipx/_ipx.js
10:36:00 PM: ​
10:36:17 PM: ​
10:36:17 PM: (Functions bundling completed in 17s)
10:36:17 PM: ​
10:36:17 PM: ────────────────────────────────────────────────────────────────
10:36:17 PM:   5. Edge Functions bundling
10:36:17 PM: ────────────────────────────────────────────────────────────────
10:36:17 PM: ​
10:36:18 PM: ​
10:36:18 PM: (Edge Functions bundling completed in 940ms)
10:36:18 PM: ​
10:36:18 PM: ────────────────────────────────────────────────────────────────
10:36:18 PM:   6. @netlify/plugin-nextjs (onPostBuild event)
10:36:18 PM: ────────────────────────────────────────────────────────────────
10:36:18 PM: ​
10:36:18 PM: Next.js cache saved.
10:36:18 PM: ​
10:36:18 PM: (@netlify/plugin-nextjs onPostBuild completed in 290ms)
10:36:18 PM: ​
10:36:18 PM: ────────────────────────────────────────────────────────────────
10:36:18 PM:   7. Deploy site
10:36:18 PM: ────────────────────────────────────────────────────────────────
10:36:18 PM: ​
10:36:18 PM: Starting to deploy site from 'application/.next'
10:36:19 PM: Creating deploy tree
10:36:19 PM: Creating deploy upload records
10:36:19 PM: 39 new files to upload
10:36:19 PM: 3 new functions to upload
10:36:28 PM: Site deploy was successfully initiated
10:36:28 PM: ​
10:36:28 PM: (Deploy site completed in 9.7s)
10:36:28 PM: ​
10:36:28 PM: ────────────────────────────────────────────────────────────────
10:36:28 PM:   Netlify Build Complete
10:36:28 PM: ────────────────────────────────────────────────────────────────
10:36:28 PM: ​
10:36:28 PM: (Netlify Build completed in 1m 47.3s)
10:36:28 PM: Caching artifacts
10:36:28 PM: Started saving node modules
10:36:28 PM: Finished saving node modules
10:36:28 PM: Started saving build plugins
10:36:28 PM: Finished saving build plugins
10:36:28 PM: Started saving pip cache
10:36:28 PM: Finished saving pip cache
10:36:28 PM: Started saving emacs cask dependencies
10:36:28 PM: Finished saving emacs cask dependencies
10:36:28 PM: Started saving maven dependencies
10:36:28 PM: Finished saving maven dependencies
10:36:28 PM: Started saving boot dependencies
10:36:28 PM: Finished saving boot dependencies
10:36:28 PM: Started saving rust rustup cache
10:36:28 PM: Finished saving rust rustup cache
10:36:28 PM: Started saving go dependencies
10:36:28 PM: Finished saving go dependencies
10:36:28 PM: Build script success
10:36:29 PM: Starting post processing
10:36:29 PM: Post processing - HTML
10:36:32 PM: Uploading Cache of size 820.2MB
10:36:32 PM: Post processing - header rules
10:36:33 PM: Post processing - redirect rules
10:36:34 PM: Post processing done
10:36:38 PM: Finished processing build request in 2m25.629359268s
10:36:39 PM: Site is live ✨

Last Working Log

3:39:55 PM: Build ready to start
3:40:02 PM: build-image version: d7b3dbfb0846505993c9a131894d1858074c90b4 (focal)
3:40:02 PM: build-image tag: v4.10.1
3:40:02 PM: buildbot version: 67e75f1ba713a8213d4b5a8ccf9708af751e2390
3:40:02 PM: Fetching cached dependencies
3:40:02 PM: Starting to download cache of 787.1MB
3:40:09 PM: Finished downloading cache in 6.758809604s
3:40:09 PM: Starting to extract cache
3:40:14 PM: Finished extracting cache in 5.116975502s
3:40:14 PM: Finished fetching cache in 11.994712471s
3:40:14 PM: Starting to prepare the repo for build
3:40:14 PM: Netlify Large Media is enabled, running git commands with GIT_LFS_SKIP_SMUDGE=1
3:40:14 PM: Preparing Git Reference refs/heads/dev
3:40:19 PM: Parsing package.json dependencies
3:40:20 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'application/.next' versus '.next' in the Netlify UI
3:40:20 PM: Different build command detected, going to use the one specified in the Netlify configuration file: 'npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build' versus 'next build' in the Netlify UI
3:40:20 PM: Starting build script
3:40:20 PM: Installing dependencies
3:40:20 PM: Python version set to 2.7
3:40:20 PM: Started restoring cached node version
3:40:22 PM: Finished restoring cached node version
3:40:22 PM: Attempting node version 'lts/gallium' from .nvmrc
3:40:22 PM: v16.17.0 is already installed.
3:40:22 PM: Now using node v16.17.0 (npm v8.15.0)
3:40:22 PM: Started restoring cached build plugins
3:40:22 PM: Finished restoring cached build plugins
3:40:22 PM: Attempting ruby version 2.7.2, read from environment
3:40:23 PM: Using ruby version 2.7.2
3:40:23 PM: Using PHP version 8.0
3:40:23 PM: No npm workspaces detected
3:40:23 PM: Started restoring cached node modules
3:40:23 PM: Finished restoring cached node modules
3:40:23 PM: Started restoring cached go cache
3:40:23 PM: Finished restoring cached go cache
3:40:23 PM: Installing Go version 1.17 (requested 1.17)
3:40:28 PM: unset GOOS;
3:40:28 PM: unset GOARCH;
3:40:28 PM: export GOROOT='/opt/buildhome/.gimme/versions/go1.17.linux.amd64';
3:40:28 PM: export PATH="/opt/buildhome/.gimme/versions/go1.17.linux.amd64/bin:${PATH}";
3:40:28 PM: go version >&2;
3:40:28 PM: export GIMME_ENV="/opt/buildhome/.gimme/env/go1.17.linux.amd64.env"
3:40:28 PM: go version go1.17 linux/amd64
3:40:28 PM: Installing missing commands
3:40:28 PM: Verify run directory
3:40:29 PM: ​
3:40:29 PM: ────────────────────────────────────────────────────────────────
3:40:29 PM:   Netlify Build
3:40:29 PM: ────────────────────────────────────────────────────────────────
3:40:29 PM: ​
3:40:29 PM: ❯ Version
3:40:29 PM:   @netlify/build 27.16.1
3:40:29 PM: ​
3:40:29 PM: ❯ Flags
3:40:29 PM:   baseRelDir: true
3:40:29 PM:   buildId: 63184acb3d8b94000805379b
3:40:29 PM:   deployId: 63184acb3d8b94000805379d
3:40:29 PM: ​
3:40:29 PM: ❯ Current directory
3:40:29 PM:   /opt/build/repo/application
3:40:29 PM: ​
3:40:29 PM: ❯ Config file
3:40:29 PM:   /opt/build/repo/netlify.toml
3:40:29 PM: ​
3:40:29 PM: ❯ Context
3:40:29 PM:   branch-deploy
3:40:29 PM: ​
3:40:29 PM: ❯ Loading plugins
3:40:29 PM:    - @netlify/plugin-nextjs@4.21.1 from Netlify app
3:40:30 PM: ​
3:40:30 PM: ────────────────────────────────────────────────────────────────
3:40:30 PM:   1. @netlify/plugin-nextjs (onPreBuild event)
3:40:30 PM: ────────────────────────────────────────────────────────────────
3:40:30 PM: ​
3:40:30 PM: Next.js cache restored.
3:40:30 PM: Netlify configuration property "build.environment.NEXT_PRIVATE_TARGET" value changed.
3:40:30 PM: ​
3:40:30 PM: (@netlify/plugin-nextjs onPreBuild completed in 316ms)
3:40:30 PM: ​
3:40:30 PM: ────────────────────────────────────────────────────────────────
3:40:30 PM:   2. build.command from netlify.toml
3:40:30 PM: ────────────────────────────────────────────────────────────────
3:40:30 PM: ​
3:40:30 PM: $ npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build
3:40:33 PM: npm WARN exec The following package was not found and will be installed: pnpm@7.11.0
3:40:35 PM: Progress: resolved 0, reused 1, downloaded 0, added 0
3:40:36 PM: Progress: resolved 393, reused 361, downloaded 0, added 0
3:40:36 PM:  WARN  deprecated walletlink@2.5.0: WARNING: This project has been renamed to @coinbase/wallet-sdk. Install using @coinbase/wallet-sdk instead.
3:40:36 PM:  WARN  deprecated wagmi-core@0.1.22: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
3:40:36 PM:  WARN  deprecated safe-event-emitter@1.0.1: Renamed to @metamask/safe-event-emitter
3:40:36 PM:  WARN  deprecated eth-sig-util@1.4.2: Deprecated in favor of '@metamask/eth-sig-util'
3:40:36 PM:  WARN  deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
3:40:37 PM: Progress: resolved 798, reused 766, downloaded 0, added 0
3:40:37 PM: Already up to date
3:40:37 PM:  WARN  Issues with peer dependencies found
3:40:37 PM: .
3:40:37 PM: ├─┬ react-native 0.69.5
3:40:37 PM: │ └── ✕ unmet peer react@18.0.0: found 18.2.0
3:40:37 PM: └─┬ @thirdweb-dev/react 2.9.6
3:40:37 PM:   └─┬ wagmi 0.2.28
3:40:37 PM:     └── ✕ unmet peer react@^17.0.0: found 18.2.0
3:40:38 PM: Progress: resolved 834, reused 802, downloaded 0, added 0, done
3:40:41 PM: > the-dungeon-marketplace@2.1.0 build /opt/build/repo/application
3:40:41 PM: > next build
3:40:42 PM: info  - Linting and checking validity of types...
3:40:58 PM: info  - Creating an optimized production build...
3:41:13 PM: info  - Compiled successfully
3:41:13 PM: info  - Collecting page data...
3:41:16 PM: info  - Generating static pages (0/8)
3:41:17 PM: info  - Generating static pages (2/8)
3:41:18 PM: info  - Generating static pages (4/8)
3:41:18 PM: info  - Generating static pages (6/8)
3:41:18 PM: info  - Generating static pages (8/8)
3:41:19 PM: info  - Finalizing page optimization...
3:41:19 PM: Route (pages)                              Size     First Load JS
3:41:19 PM: ┌ ○ / (1523 ms)                            1.39 kB         938 kB
3:41:19 PM: ├   /_app                                  0 B             936 kB
3:41:19 PM: ├ ○ /404                                   197 B           936 kB
3:41:19 PM: ├ λ /api/mint                              0 B             936 kB
3:41:19 PM: ├ ○ /marketplace (1463 ms)                 2.87 kB         950 kB
3:41:19 PM: ├ ○ /marketplace/bundles (1406 ms)         6.1 kB          942 kB
3:41:19 PM: ├ ○ /marketplace/custom (1811 ms)          251 kB         1.19 MB
3:41:19 PM: ├ ○ /marketplace/items (1501 ms)           2.41 kB         950 kB
3:41:19 PM: └ ○ /storyline (1401 ms)                   1.53 kB         938 kB
3:41:19 PM: + First Load JS shared by all              940 kB
3:41:19 PM:   ├ chunks/framework-2ea954a4e58c9061.js   45.3 kB
3:41:19 PM:   ├ chunks/main-7656341a731dfa1c.js        30.9 kB
3:41:19 PM:   ├ chunks/pages/_app-c4dafa9451080fcd.js  858 kB
3:41:19 PM:   ├ chunks/webpack-b4ae5a152ca6402a.js     2 kB
3:41:19 PM:   └ css/f7f609f25ce90994.css               3.87 kB
3:41:19 PM: λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
3:41:19 PM: ○  (Static)  automatically rendered as static HTML (uses no initial props)
3:41:19 PM: ​
3:41:19 PM: (build.command completed in 48.5s)
3:41:19 PM: ​
3:41:19 PM: ────────────────────────────────────────────────────────────────
3:41:19 PM:   3. @netlify/plugin-nextjs (onBuild event)
3:41:19 PM: ────────────────────────────────────────────────────────────────
3:41:19 PM: ​
3:41:19 PM: Patching /opt/build/repo/application/node_modules/.pnpm/next@12.2.5_vyk55zyolcaieh7zfm7nf7uva4/node_modules/next/dist/server/base-server.js
3:41:19 PM: Done
3:41:19 PM: Patching /opt/build/repo/application/node_modules/.pnpm/next@12.2.5_vyk55zyolcaieh7zfm7nf7uva4/node_modules/next/dist/server/next-server.js
3:41:19 PM: Done
3:41:19 PM: Moving static page files to serve from CDN...
3:41:19 PM: Moved 6 files
3:41:19 PM: Netlify configuration property "redirects" value changed to [
3:41:19 PM:   { from: '/_next/static/*', to: '/static/:splat', status: 200 },
3:41:19 PM:   {
3:41:19 PM:     from: '/_next/image*',
3:41:19 PM:     query: { url: ':url', w: ':width', q: ':quality' },
3:41:19 PM:     to: '/_ipx/w_:width,q_:quality/:url',
3:41:19 PM:     status: 301
3:41:19 PM:   },
3:41:19 PM:   { from: '/_ipx/*', to: '/.netlify/builders/_ipx', status: 200 },
3:41:19 PM:   { from: '/cache/*', to: '/404.html', status: 404, force: true },
3:41:19 PM:   { from: '/server/*', to: '/404.html', status: 404, force: true },
3:41:19 PM:   { from: '/serverless/*', to: '/404.html', status: 404, force: true },
3:41:19 PM:   { from: '/trace', to: '/404.html', status: 404, force: true },
3:41:19 PM:   { from: '/traces', to: '/404.html', status: 404, force: true },
3:41:19 PM:   ... 4 more items
3:41:19 PM: ].
3:41:19 PM: ​
3:41:19 PM: (@netlify/plugin-nextjs onBuild completed in 89ms)
3:41:19 PM: ​
3:41:19 PM: ────────────────────────────────────────────────────────────────
3:41:19 PM:   4. Functions bundling
3:41:19 PM: ────────────────────────────────────────────────────────────────
3:41:19 PM: ​
3:41:19 PM: Packaging Functions from .netlify/functions-internal directory:
3:41:19 PM:  - ___netlify-handler/___netlify-handler.js
3:41:19 PM:  - ___netlify-odb-handler/___netlify-odb-handler.js
3:41:19 PM:  - _ipx/_ipx.js
3:41:19 PM: ​
3:41:36 PM: ​
3:41:36 PM: (Functions bundling completed in 17.4s)
3:41:36 PM: ​
3:41:36 PM: ────────────────────────────────────────────────────────────────
3:41:36 PM:   5. @netlify/plugin-nextjs (onPostBuild event)
3:41:36 PM: ────────────────────────────────────────────────────────────────
3:41:36 PM: ​
3:41:36 PM: Next.js cache saved.
3:41:36 PM: ​
3:41:36 PM: (@netlify/plugin-nextjs onPostBuild completed in 322ms)
3:41:36 PM: ​
3:41:36 PM: ────────────────────────────────────────────────────────────────
3:41:36 PM:   6. Deploy site
3:41:36 PM: ────────────────────────────────────────────────────────────────
3:41:36 PM: ​
3:41:36 PM: Starting to deploy site from 'application/.next'
3:41:37 PM: Creating deploy tree
3:41:37 PM: Creating deploy upload records
3:41:37 PM: 43 new files to upload
3:41:37 PM: 2 new functions to upload
3:41:46 PM: Site deploy was successfully initiated
3:41:46 PM: ​
3:41:46 PM: (Deploy site completed in 9.5s)
3:41:46 PM: ​
3:41:46 PM: ────────────────────────────────────────────────────────────────
3:41:46 PM:   Netlify Build Complete
3:41:46 PM: ────────────────────────────────────────────────────────────────
3:41:46 PM: ​
3:41:46 PM: (Netlify Build completed in 1m 17.3s)
3:41:46 PM: Starting post processing
3:41:46 PM: Caching artifacts
3:41:46 PM: Started saving node modules
3:41:46 PM: Finished saving node modules
3:41:46 PM: Started saving build plugins
3:41:46 PM: Finished saving build plugins
3:41:46 PM: Started saving pip cache
3:41:46 PM: Post processing - HTML
3:41:46 PM: Finished saving pip cache
3:41:46 PM: Started saving emacs cask dependencies
3:41:46 PM: Finished saving emacs cask dependencies
3:41:46 PM: Started saving maven dependencies
3:41:46 PM: Finished saving maven dependencies
3:41:46 PM: Started saving boot dependencies
3:41:46 PM: Finished saving boot dependencies
3:41:46 PM: Started saving rust rustup cache
3:41:46 PM: Finished saving rust rustup cache
3:41:46 PM: Started saving go dependencies
3:41:46 PM: Finished saving go dependencies
3:41:46 PM: Build script success
3:41:47 PM: Post processing - header rules
3:41:47 PM: Post processing - redirect rules
3:41:47 PM: Post processing done
3:41:50 PM: Uploading Cache of size 776.5MB
3:41:50 PM: Site is live ✨
3:41:56 PM: Finished processing build request in 1m54.468684426s

Hey there, @crypticgenie :wave:

Thanks for following up.

When we inspect your site we are seeing 400 errors. This is related to where you are fetching the image from. This leads me to believe you should investigate how you are requesting the images. Here is what I see:

curl "https://dev--thunderous-conkies-6b72a3.netlify.app/_ipx/w_256,q_75/%2Fskills%2Fset-c.png?url=%2Fskills%2Fset-c.png&w=256&q=75"
Source image server responsed with 400 Bad Request

Let us know if this gets you on the right track!