Next.js Discord

Discord Forum

Images load locally but not when deployed to either Vercel

Unanswered
West African Lion posted this in #help-forum
Open in Discord
West African LionOP
Just like the title says, locally, everything works as expected, and the project is complete, but when I deploy, images fail to load from PyaloadCMS. The rest of the website content comes from Payload as well, and it works fine.

This project is due Monday and I'm slightly (a lot) freaking out, so any help would be VERY appreciated!

I tried looking at other people talking about similar issues, but couldn't find a solution. Could this be related to my website using SQLite vs other DBs?

Here is the Vercel deployment:
https://mpmachining.vercel.app/

This is the address I'm getting the 404:
https://mpmachining.vercel.app/_next/image?url=%2Fapi%2Fmedia%2Ffile%2Fmachine-tool-operating.jpg&w=1080&q=75

14 Replies

Arinji
Sqlite won't work @West African Lion
Sqlite is a file based db
Vercel only allows read only access
Not write
Instead host sqlite on a vps or smthn
Or use mongo and host that
We used mongo for our payload website
West African LionOP
Any good guides on hosting mongo? I got stuff figured out now with vercel postgres, but wanna work with noSQL
tier
try it out
West African LionOP
@Arinji Would that also be able to host images or would I also need storage somehow?
West African LionOP
Oh! MongoDB Cloud gives free blob storage, good to know!