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] .../bcrypt@5.1.1/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] .../sharp@0.33.4/node_modules/sharp install$ node install/check
[05:12:05.825] .../node_modules/bufferutil install: Done
[05:12:05.857] .../bcrypt@5.1.1/node_modules/bcrypt install: node-pre-gyp info it worked if it ends with ok
[05:12:05.857] .../bcrypt@5.1.1/node_modules/bcrypt install: node-pre-gyp info using node-pre-gyp@1.0.11
[05:12:05.858] .../bcrypt@5.1.1/node_modules/bcrypt install: node-pre-gyp info using node@20.12.2 | linux | x64
[05:12:05.942] .../node_modules/utf-8-validate install: Done
[05:12:05.997] .../bcrypt@5.1.1/node_modules/bcrypt install: node-pre-gyp info check checked for "/vercel/path0/node_modules/.pnpm/bcrypt@5.1.1/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node" (not found)
[05:12:06.000] .../bcrypt@5.1.1/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] .../sharp@0.33.4/node_modules/sharp install: Done
[05:12:06.079] .../bcrypt@5.1.1/node_modules/bcrypt install: node-pre-gyp info install unpacking napi-v3/bcrypt_lib.node
[05:12:06.091] .../bcrypt@5.1.1/node_modules/bcrypt install: node-pre-gyp info extracted file count: 1
[05:12:06.092] .../bcrypt@5.1.1/node_modules/bcrypt install: [bcrypt] Success: "/vercel/path0/node_modules/.pnpm/bcrypt@5.1.1/node_modules/bcrypt/lib/binding/napi-v3/bcrypt_lib.node" is installed via remote
[05:12:06.093] .../bcrypt@5.1.1/node_modules/bcrypt install: node-pre-gyp info ok
[05:12:06.098] .../bcrypt@5.1.1/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/next@15.0.0-rc.0_react-dom@19.0.0-rc-f994737d14-20240522_react@19.0.0-rc-f994737d14-20240522/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.

[smdp2000]

but the storage settings doesnt show up until deployed?

[mjr2595]

@smdp2000 I literally just went through this part and you can still get to the storage settings. I don't think there's a "Continue to Dashboard" button, but you should still see the "Storage" tab at the top of the project page.

[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.

[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!