Pulverize The Stigma, Threejs Model Rotate on Scroll Landing Page, React Three Fiber using Next.js and Typescript
Click here: https://pulverize.vercel.app
Download and install Node.js on your computer (https://nodejs.org/en/download/).
Then, open VSCODE, drag the project folder to it. Open VSCODE terminal and install dependencies (you need to do this only in the first time)
Run this command for install node modules.
npm i
After install node modules, Run this command in your terminal to open a local server at localhost:1000
npm run dev
You can replace the model and change the camera animations to make your own scene.
Open http://localhost:1000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:1000/api/hello. This endpoint can be edited in pages/api/hello.ts.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
Would be really appreciated if you are willing to give me a star here on GitHub 🎉