Learn NextJS Chapter 6. Build Error Occurred. Error: Failed to collect page data for /seed

[kaijuh]

Summary

I am working on the NextJs Tutorial and I keep getting the same error message on the same step. I restarted the course and ended with the same error message on the same step so there is something happening that Im missing.
https://nextjs.org/learn/dashboard-app/setting-up-your-database

Here is the next-js build error log

[05:11:51.502] Running build in Washington, D.C., USA (East) – iad1
[05:11:51.655] Cloning github.com/kaijuh/nextjs (Branch: main, Commit: d72128f)
[05:11:52.051] Previous build cache not available
[05:11:54.814] Cloning completed: 3.158s
[05:11:55.115] Running "vercel build"
[05:11:55.547] Vercel CLI 34.2.8
[05:11:55.916] Warning: Detected "engines": { "node": ">=20.12.0" } in your package.json that will automatically upgrade when a new major Node.js Version is released. Learn More: http://vercel.link/node-version
[05:11:55.938] Detected pnpm-lock.yaml version 9 generated by pnpm 9
[05:11:55.952] Installing dependencies...
[05:11:56.495] Lockfile is up to date, resolution step is skipped
[05:11:56.534] Progress: resolved 1, reused 0, downloaded 0, added 0
[05:11:56.607] Packages: +227
[05:11:56.608] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
[05:11:57.535] Progress: resolved 227, reused 0, downloaded 30, added 14
[05:11:58.536] Progress: resolved 227, reused 0, downloaded 119, added 105
[05:11:59.555] Progress: resolved 227, reused 0, downloaded 183, added 170
[05:12:00.823] Progress: resolved 227, reused 0, downloaded 184, added 170
[05:12:01.825] Progress: resolved 227, reused 0, downloaded 197, added 183
[05:12:02.825] Progress: resolved 227, reused 0, downloaded 198, added 183
[05:12:03.826] Progress: resolved 227, reused 0, downloaded 199, added 183
[05:12:04.827] Progress: resolved 227, reused 0, downloaded 214, added 198
[05:12:05.516] Progress: resolved 227, reused 0, downloaded 227, added 227, done
[05:12:05.632] .../node_modules/bufferutil install$ node-gyp-build
[05:12:05.633] .../[email protected]/node_modules/bcrypt install$ node-pre-gyp install --fallback-to-build
[05:12:05.634] .../node_modules/utf-8-validate install$ node-gyp-build
[05:12:05.635] .../[email protected]/node_modules/sharp install$ node install/check
[05:12:05.825] .../node_modules/bufferutil install: Done
[05:12:05.857] .../[email protected]/node_modules/bcrypt install: node-pre-gyp info it worked if it ends with ok
[05:12:05.857] .../[email protected]/node_modules/bcrypt install: node-pre-gyp info using [email protected]
[05:12:05.858] .../[email protected]/node_modules/bcrypt install: node-pre-gyp info using [email protected] | linux | x64
[05:12:05.942] .../node_modules/utf-8-validate install: Done
[05:12:05.997] .../[email protected]/node_modules/bcrypt install: node-pre-gyp info check checked for "/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node" (not found)
[05:12:06.000] .../[email protected]/node_modules/bcrypt install: node-pre-gyp http GET https://github.com/kelektiv/node.bcrypt.js/releases/download/v5.1.1/bcrypt_lib-v5.1.1-napi-v3-linux-x64-glibc.tar.gz
[05:12:06.011] .../[email protected]/node_modules/sharp install: Done
[05:12:06.079] .../[email protected]/node_modules/bcrypt install: node-pre-gyp info install unpacking napi-v3/bcrypt_lib.node
[05:12:06.091] .../[email protected]/node_modules/bcrypt install: node-pre-gyp info extracted file count: 1
[05:12:06.092] .../[email protected]/node_modules/bcrypt install: [bcrypt] Success: "/vercel/path0/node_modules/.pnpm/[email protected]/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node" is installed via remote
[05:12:06.093] .../[email protected]/node_modules/bcrypt install: node-pre-gyp info ok
[05:12:06.098] .../[email protected]/node_modules/bcrypt install: Done
[05:12:06.203]
[05:12:06.204] dependencies:
[05:12:06.204] + @heroicons/react 2.1.4
[05:12:06.204] + @tailwindcss/forms 0.5.7
[05:12:06.204] + @vercel/postgres 0.8.0
[05:12:06.204] + autoprefixer 10.4.19
[05:12:06.205] + bcrypt 5.1.1
[05:12:06.205] + clsx 2.1.1
[05:12:06.205] + next 15.0.0-rc.0
[05:12:06.205] + next-auth 5.0.0-beta.19
[05:12:06.205] + postcss 8.4.38
[05:12:06.205] + react 19.0.0-rc-f994737d14-20240522
[05:12:06.206] + react-dom 19.0.0-rc-f994737d14-20240522
[05:12:06.206] + tailwindcss 3.4.4
[05:12:06.206] + typescript 5.5.2
[05:12:06.206] + use-debounce 10.0.1
[05:12:06.206] + zod 3.23.8
[05:12:06.206]
[05:12:06.207] devDependencies:
[05:12:06.207] + @types/bcrypt 5.0.2
[05:12:06.207] + @types/node 20.14.8
[05:12:06.207] + @types/react 18.3.3
[05:12:06.207] + @types/react-dom 18.3.0
[05:12:06.207]
[05:12:06.225] Done in 10.2s
[05:12:06.261] Detected Next.js version: 15.0.0-rc.0
[05:12:06.284] Running "pnpm run build"
[05:12:06.760]
[05:12:06.760] > @ build /vercel/path0
[05:12:06.761] > next build
[05:12:06.761]
[05:12:07.441] Attention: Next.js now collects completely anonymous telemetry regarding usage.
[05:12:07.442] This information is used to shape Next.js' roadmap and prioritize features.
[05:12:07.443] 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:
[05:12:07.443] https://nextjs.org/telemetry
[05:12:07.443]
[05:12:07.505] ▲ Next.js 15.0.0-rc.0
[05:12:07.505]
[05:12:07.576] Creating an optimized production build ...
[05:12:24.993] ✓ Compiled successfully
[05:12:24.994] Linting and checking validity of types ...
[05:12:29.635] Collecting page data ...
[05:12:30.053] tl [VercelPostgresError]: VercelPostgresError - 'missing_connection_string': You did not supply a 'connectionString' and no 'POSTGRES_URL' env var was found.
[05:12:30.053] at tf (/vercel/path0/.next/server/app/seed/route.js:60:5026)
[05:12:30.053] at Object.get (/vercel/path0/.next/server/app/seed/route.js:60:6072)
[05:12:30.053] at /vercel/path0/.next/server/app/seed/route.js:1:3956
[05:12:30.053] at t.a (/vercel/path0/.next/server/webpack-runtime.js:1:866)
[05:12:30.053] at 1507 (/vercel/path0/.next/server/app/seed/route.js:1:3849)
[05:12:30.053] at t (/vercel/path0/.next/server/webpack-runtime.js:1:127)
[05:12:30.053] at /vercel/path0/.next/server/app/seed/route.js:1:1176
[05:12:30.054] at t.a (/vercel/path0/.next/server/webpack-runtime.js:1:866)
[05:12:30.054] at 5064 (/vercel/path0/.next/server/app/seed/route.js:1:967)
[05:12:30.054] at t (/vercel/path0/.next/server/webpack-runtime.js:1:127) {
[05:12:30.054] code: 'missing_connection_string'
[05:12:30.054] }
[05:12:30.064]
[05:12:30.064] > Build error occurred
[05:12:30.067] Error: Failed to collect page data for /seed
[05:12:30.067] at /vercel/path0/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/next/dist/build/utils.js:1274:15
[05:12:30.068] at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
[05:12:30.068] type: 'Error'
[05:12:30.068] }
[05:12:30.080]  ELIFECYCLE  Command failed with exit code 1.
[05:12:30.111] Error: Command "pnpm run build" exited with 1
[05:12:30.707]

Example

No response

Steps to Reproduce

Started the course twice and it ends up with the same error message.

[uxfed]

I had precisely the same error at the same place in the tutorial. I was able to move forward by going to the next step and creating a Postgres database with the defaults:

https://nextjs.org/learn/dashboard-app/setting-up-your-database

After the database was created, clicking "Redeploy" worked successfully. YMMV.

[Abel-Johnson]

That's right!

The error occurred because the .env file does not contain database information (it was not hard-coded to protect privacy and security).

Once you create the database in the project's storage tab, the connection between the project and the database will be established (I suspect that Vercel will write the generated configuration information into the .env file on the server's file system where the project resides), and at this point, the .env file will have the correct, actual configuration information.

Therefore, the only action you need to take is to click the redeploy button.

[karthik-nair-20]

I just removed that library and used another one, hehe

[werliton]

Its worked for me works to change the dependency from bcrypt to bcryptjs

[tungvu2210]

Thank you. It worked for me too.

[Alireza-shahbaziyan]

If you're deploying a Next.js app to Vercel and using bcrypt, you may get native module errors.
To fix it, replace bcrypt with bcryptjs, which is fully compatible with Vercel.
Install it via npm install bcryptjs and update your import statements accordingly.

[kyawnyeinphyo]

Go to your database and just connect your Next project under Projects section

[esarandon]

I tried connecting to a Postgres DB (as @uxfed suggested), but I was getting the same error when trying to seed.
What solved the issue was to run this command:

pnpm approve-builds

and then try to seed

[oberdandev]

This worked for me!

[Jeff505]

This worked for me as well, but I had an issue with bcrypt not being installed. this allowed it to run and successfully deploy.

[briangabini]

This worked for me too, thanks

[Arm1stice]

Thank you!

[josebarros2025]

where? how?

[SvitlanaTsupryk-jul18]

For me helped
#76822

[raucher]

Thank you, it still works in 2025 👍

[zooz13]

I ran the following command in my local repository:

pnpm install
pnpm approve-build # Select brcypt

Then, I checked pnpm run build was successful and push my files.

Next, I changed the deployment settings on Vercel as shown in the image below:

# Set build Command like that 
pnpm run build

I solved it like this.

[StrangerSeemanta]

**That is all about that shit package manager. I hate PNPM. **

[sanpo9k]

My terminal does not recognize pnpm run build

[josebarros2025]

please be more specific, this is not easy for the ones without knowledge on vercel, where to run these commands?

[esarandon]

You should run those commands in the terminal.
Write them there and press enter.