threejs-scroll-animation-demo icon indicating copy to clipboard operation
threejs-scroll-animation-demo copied to clipboard

how to deploy this project ?

Open anmolkohli13 opened this issue 3 years ago • 11 comments

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

anmolkohli13 avatar Sep 09 '21 19:09 anmolkohli13

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

Euphoria99 avatar Sep 25 '21 13:09 Euphoria99

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

blake-tisbury avatar Oct 13 '21 12:10 blake-tisbury

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

Zenif-NIght avatar Jan 08 '22 06:01 Zenif-NIght

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

Sacsam005 avatar Jan 20 '22 08:01 Sacsam005

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

Tfc538 avatar Jan 21 '22 18:01 Tfc538

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.

Darkskittlz avatar Feb 02 '22 20:02 Darkskittlz

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.

KGeetings avatar Feb 02 '22 23:02 KGeetings

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

Darkskittlz avatar Feb 10 '22 19:02 Darkskittlz

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/

justforuse avatar Jun 18 '22 03:06 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/

Hey bro we have to deploy it on netlify

MachineGunNFGC avatar Jul 28 '22 15:07 MachineGunNFGC

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/

akuliakuli avatar Aug 31 '22 21:08 akuliakuli

Netlify works fine for such full stack hostings

Swarnlataaa avatar Mar 11 '23 19:03 Swarnlataaa