I just deployed my Vite React site but my icons/images aren't deployed

Question

I deployed my Vite React site on Netlify but my skill icons aren't rendered!! Here's the site.. I did execute npm run build before deploying, I got the dist folder and deployed that on Netlify. But at first the assets folder didn't had the icons so I added it in the assets (of dist folder) folder too, but no success!! Please help.

I wanna render my skill icons of my portfolio site.

Answer 1

You need to move your assets directory into the public directory, and you need to remove ./src from the source path of the various img files. Something like:

{
    id: 1,
    icon: "/assets/html5.svg",
    iconName: "HTML",
},