DEV Community

Abayomi Olatunji
Abayomi Olatunji

Posted on

How to fix Nextjs image not loading on production

#javascript #nextjs #react

Hello devs,
I recently faced an issue around images not loading on production but working perfectly well on locals.

Accessing the image on production gives this error message

"url" parameter is valid but upstream response is invalid

For the above error, irrespective of the version you are running on, kindly install sharp and that is all!

npm i sharp
Enter fullscreen mode Exit fullscreen mode

or

yarn add sharp
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

guillaumesere profile image

Sortie de TypeScript 5.7 RC, nouvelle alternative à npm, avenir des frameworks JavaScript - Cette semaine en JS

Guillaume Sere -

lucasbrogni1 profile image

Removing code smells: Using dependency injection through Props in React

Lucas Brogni -

zirkelc profile image

Buffer Logs and Flush Automatically on Error with Powertools for Lambda

Chris Cook -

hasunnilupul profile image

Exploring React Router v7's New Framework: A Modern Take on Routing

Nilupul Perera -