Next.js Discord

Discord Forum

Images not loading in production?

Unanswered
Asiatic Lion posted this in #help-forum
Open in Discord
Asiatic LionOP
Hello team we are adding our images to our public folder, then in the component we bring them in like this:
import Image from "next/image";
<Image
   className="w-auto"
   src="/image.png"
   alt="Image Alt text"
   height={110}
   width={110}
   priority
/>

9 Replies

riský
do you get any errors in console or network tab?
also are you sure your public folder is in the right place (ie same level as next/config and not inside src)
Argente Brun
Hello people!
I have the same error when I deploy the project in my Firebase Hosting. When I use Image component dont work.

You found a solution?
Thank all of you!!
@Argente Brun Hello people! I have the same error when I deploy the project in my Firebase Hosting. When I use Image component dont work. You found a solution? Thank all of you!!
Ray
I think you should report it to firebase team. As far as I know firebase hosting for nextjs is still experimental
Argente Brun
Is true Ray. Thank you for your recomendation. I Will test that in other hosting. You know the best hosting for Nextjs projects?
Argente Brun
Thank you Ray 😁😁😁
Ray
sst.dev work fine for me too
if you are looking for alternative