how to deploy this project ?

[anmolkohli13]

I am not able to deploy this project using GitHub pages as when I deploy it then it only shows the HTML content of the project. Can someone help me with this I am a newbie in deployment. If you could provide a video tutorial of similar kind of deployment that would be great

[Euphoria99]

I am on same boat as @anmolkohli13 , someone please help, Thank you.

[blake-tisbury]

having the same issue, tried copying the code to a code pen and it seems like the three js part is outdated

[Zenif-NIght]

Same, I tried GitHub pages as well with no luck.

[Sacsam005]

I think deploying in web developer platforms like Netlify or Hostinger would help...

[Tfc538]

Hey,
you just need to install all packages using
npm install
after that, just go ahead and start the server using
npm run dev

[Darkskittlz]

Having the same issue. Netlify comes the closest to a complete deployment. There just seems to be a problem with images being included in the dist folder when you run npm run build.

[KGeetings]

For what it's worth, I've gotten just as far as @Darkskittlz but there definitely seems to be an issue with the images not being included correctly. Just not sure the appropriate way to fix it.

[Darkskittlz]

Figured it out @KGeetings.

Check this Netlify Forum for the solution
https://answers.netlify.com/t/images-are-not-showing-after-deploying-three-js-app-using-vite-framework/43245/7

[justforuse]

Thanks @Darkskittlz , for those who have issue about deploy, here is the demo repo: https://github.com/justforuse/threejs-scroll-animation-demo, and netlify link is https://sparkling-tanuki-d3b0d7.netlify.app/

[akuliakuli]

you can deploy this project using surge,if you are using vite js with three.js then first u need to run npm build,and after installing surge(its very easy to deploy webpage using it,tutorial is 2 minute video) you deploy the dist folder,so everything works fine
https://surge.sh/

[Swarnlataaa]

Netlify works fine for such full stack hostings