I have a problem with my images coming up once i load the website.
https://662177bf2253ce103788c1e8--gregarious-babka-8f0d6c.netlify.app/
I changed the link in my project before npm run build. However i used this build file while deploying to netlify and somehow the images dont follow that path, as i must have built with public/assets. How do i rectify this?
this is my github repo
Please guide me on exactly what to do and change in my build folder before deploying.
I’ve confirmed when I run your client build locally with npm run build && npx serve -s build
That all images show:
I presume you fixed your own issue, as I don’t see any missing images on the Netlify site either.
Thank you for your concern. However, I like you to hit one of the pictures as they should lead you to details of each food. I used a template literal in my code to show “no {{endpoint}} right now” if there are no images. However this shouldn’t be so as I should have each food detail display. I supposedly have a upload/images folder where this details should come from. Please help as I don’t know how to bring this to life, I could be doing something wrong with the path
@toyorcee I don’t see anything here that indicates this is a Netlify related issue, as your site also does not run locally.
Going to those pages locally causes:
Ensure your site runs properly locally before trying to deploy to Netlify.
Additionally your Render endpoint is currently responding with 403:
This is occurring both in local development and on the deployed site.
It appears to be due to the lack of the Authorization token.
Oh I see. However, when about to build, do I change the links in my useffect from local host to the link provided by Netlify as well? Any idea please? As this is supposed to fetch from my upload/images in backend.
@toyorcee I can’t provide specific instructions, it’s up to you to debug/build your own project.
Support here is limited to help with Netlify’s systems.
