While following the Next.js App Router tutorial, I attempted to deploy onVercel, but when I deploy the build fails as demonstrated in the logs below.
[20:18:21.036] Cloning github.com/GrantDoolin/nextjs-dashboard (Branch: master, Commit: 011ba53)
[20:18:21.266] Previous build caches not available
[20:18:21.504] Cloning completed: 468.000ms
[20:18:21.802] Running build in Washington, D.C., USA (East) – iad1
[20:18:22.067] Running "vercel build"
[20:18:25.037] Vercel CLI 41.3.2
[20:18:25.502] Detected `pnpm-lock.yaml` 9 which may be generated by pnpm@9.x or pnpm@10.x
[20:18:25.502] Using pnpm@10.x based on project creation date
[20:18:25.502] To use pnpm@9.x, manually opt in using corepack (https://vercel.com/docs/deployments/configure-a-build#corepack)
[20:18:25.521] Installing dependencies...
[20:18:26.537] Lockfile is up to date, resolution step is skipped
[20:18:26.608] Progress: resolved 1, reused 0, downloaded 0, added 0
[20:18:26.684] Packages: +212
[20:18:26.685] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
[20:18:27.610] Progress: resolved 212, reused 0, downloaded 12, added 0
[20:18:28.610] Progress: resolved 212, reused 0, downloaded 42, added 28
[20:18:29.615] Progress: resolved 212, reused 0, downloaded 163, added 155
[20:18:30.618] Progress: resolved 212, reused 0, downloaded 173, added 162
[20:18:31.619] Progress: resolved 212, reused 0, downloaded 176, added 165
[20:18:32.627] Progress: resolved 212, reused 0, downloaded 177, added 165
[20:18:33.628] Progress: resolved 212, reused 0, downloaded 186, added 173
[20:18:34.628] Progress: resolved 212, reused 0, downloaded 188, added 173
[20:18:35.628] Progress: resolved 212, reused 0, downloaded 192, added 176
[20:18:36.630] Progress: resolved 212, reused 0, downloaded 192, added 178
[20:18:37.630] Progress: resolved 212, reused 0, downloaded 204, added 188
[20:18:38.482] Progress: resolved 212, reused 0, downloaded 212, added 212, done
[20:18:39.284]
[20:18:39.285] dependencies:
[20:18:39.285] + @heroicons/react 2.2.0
[20:18:39.285] + @tailwindcss/forms 0.5.10
[20:18:39.285] + autoprefixer 10.4.20
[20:18:39.285] + bcrypt 5.1.1
[20:18:39.285] + clsx 2.1.1
[20:18:39.286] + next 15.1.6
[20:18:39.286] + next-auth 5.0.0-beta.25
[20:18:39.286] + postcss 8.5.1
[20:18:39.286] + postgres 3.4.5
[20:18:39.286] + react 19.0.0
[20:18:39.287] + react-dom 19.0.0
[20:18:39.287] + tailwindcss 3.4.17
[20:18:39.287] + typescript 5.7.3
[20:18:39.287] + use-debounce 10.0.4
[20:18:39.287] + zod 3.24.1
[20:18:39.288]
[20:18:39.288] devDependencies:
[20:18:39.288] + @types/bcrypt 5.0.2
[20:18:39.288] + @types/node 22.10.7
[20:18:39.288] + @types/react 19.0.7
[20:18:39.288] + @types/react-dom 19.0.3
[20:18:39.289]
[20:18:39.289] ╭ Warning ─────────────────────────────────────────────────────────────────────╮│ ││ Ignored build scripts: bcrypt, sharp. ││ Run "pnpm approve-builds" to pick which dependencies should be allowed ││ to run scripts. ││ │╰──────────────────────────────────────────────────────────────────────────────╯
[20:18:39.289]
[20:18:39.310] Done in 13.6s using pnpm v10.6.2
[20:18:39.343] Detected Next.js version: 15.1.6
[20:18:39.352] Running "pnpm run build"
[20:18:39.736]
[20:18:39.736] > @ build /vercel/path0
[20:18:39.736] > next build
[20:18:39.736]
[20:18:40.566] Attention: Next.js now collects completely anonymous telemetry regarding usage.
[20:18:40.567] This information is used to shape Next.js' roadmap and prioritize features.
[20:18:40.567] You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
[20:18:40.567] https://nextjs.org/telemetry
[20:18:40.567]
[20:18:40.695] ▲ Next.js 15.1.6
[20:18:40.695]
[20:18:40.725] Creating an optimized production build ...
[20:18:55.590] ✓ Compiled successfully
[20:18:55.595] Linting and checking validity of types ...
[20:19:01.628] Collecting page data ...
[20:19:02.212] [Error: Cannot find module '/vercel/path0/node_modules/.pnpm/bcrypt@5.1.1/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node'
[20:19:02.212] Require stack:
[20:19:02.212] - /vercel/path0/node_modules/.pnpm/bcrypt@5.1.1/node_modules/bcrypt/bcrypt.js
[20:19:02.213] - /vercel/path0/.next/server/app/seed/route.js
[20:19:02.213] - /vercel/path0/node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/server/require.js
[20:19:02.213] - /vercel/path0/node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/server/load-components.js
[20:19:02.213] - /vercel/path0/node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/build/utils.js
[20:19:02.213] - /vercel/path0/node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/build/worker.js
[20:19:02.213] - /vercel/path0/node_modules/.pnpm/next@15.1.6_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/next/dist/compiled/jest-worker/processChild.js] {
[20:19:02.214] code: 'MODULE_NOT_FOUND',
[20:19:02.214] requireStack: [Array]
[20:19:02.214] }
[20:19:02.237]
[20:19:02.237] > Build error occurred
[20:19:02.247] [Error: Failed to collect page data for /seed] { type: 'Error' }
[20:19:02.277] ELIFECYCLE Command failed with exit code 1.
[20:19:02.300] Error: Command "pnpm run build" exited with 1
[20:19:02.600]
What have I tried
- Rebuilding the packages and checking to make sure my whole project was updated on GitHub
- Made sure that the “framework preset” is set to Next.js
- I am new to this framework so I figured I might have followed a step incorrectly, so I ended up redoing up until the same point and trying again. The build failed once again, so I am wondering if I missed something really silly.