This is a React + Three.js project bundled with Parcel (similar in style to the Next.js starter, but not using Next.js).

Getting Started

First, install dependencies and run the development server:

npm install
npm run dev

Open http://localhost:5173 with your browser to see the result (Parcel’s default dev server).

You can start editing by modifying App.js, index.js, or files in public/. The page auto-updates as you edit the code.

This project uses Three.js via @react-three/fiber/@react-three/drei for the 3D scene, and Rapier for physics.

Learn More

To learn more about the libraries used here, check out:

• React Docs — https://react.dev
• Three.js — https://threejs.org/
• @react-three/fiber — https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
• @react-three/drei — https://github.com/pmndrs/drei
• @react-three/rapier — https://github.com/pmndrs/react-three-rapier
• Parcel Docs — https://parceljs.org/

Build

Create a production build:

npm run build

Deploy

The easiest way to deploy this app is to host the static dist/ folder on your platform of choice (Vercel).

Vercel Platform from the creators of Next.js.

Check out Next.js deployment documentation for more details.