Hi
I am working with v0 / Vercel as a non-coder and finding it great, except I can’t seem to get any images to publish - usually only placeholder images will show or some other weird variants.
I assume this is something related to my connection to Github, but even when I type the exact path of the image, it still doesn’t appear
Is this due to Github and Vercel not syncing or some settings issue? Its driving me crazy so any help appreciated on setup for Vercel or Github to resolve this.
Hi @robeskinner-gmailcom, welcome to the Vercel Community!
Sorry to see you are facing this issue. Could you share the public chat link from v0 so we can take a look and see what might be the issue?
Thanks - please see here - Ai course comparison - v0 by Vercel
I only have one image I am testing on this site (Coursera logo)
Hi @robeskinner-gmailcom, thanks for sharing the additional information.
I see that the Image URLs that v0 generate are placeholders. So you can add images of your choice to your project and then replace the name or path in the logo key.
This will fix the issue for you.
yes, but the Coursera logo has a path above (unlike the ones with placeholders) and stlil doesn’t show
Regardless I took your advice and updated the path to be the full path in Github (attached)
I then reployed the project but it still doesn’t work - see example page here:
. I don’t understand why images are so complicated - it must be easier than this?
Hi @robeskinner-gmailcom, sorry that it’s taking longer to get the images up and running.
v0 doesn’t generate images so it creates an example path or placeholder to the images. What you can do is add those images in your Next.js project and then it should work. Now, I understand as a no-code user it might look overwhelming that’s why I’m here to help.
Once you add the images in the public folder and use the correct path in the code. It all should work.
The path to public images should not include
/public. So in the above case it should be/coursera-logo-full-rgb.pngif that’s the filename inside the public folder of your project on GitHub.
Would it be possible for us to take a look at your GitHub repository?
Yes - its here - GitHub - mambaventures/ai-courses
Thanks for sharing the repo @robeskinner-gmailcom. You should be able to use the images now, just remove the /public from the URL/path in the providers.ts file.
Your original screen grab shows thats what I had before, but I’ve remoed it and its still doesn’t show
Sorry you meant Github file - changed now and it works
I thought Vercel and Github synced so changing in v0 codebase would update in Github?
Hi @robeskinner-gmailcom, glad to know you got this working.
No, v0 changes are not automatically synced to your GitHub repository.
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
