ezhai24/r3f-movie-posters

An infinite carousel of movie posters. Dives into some of the core features of three.js and r3f!

r3f Movie Carousel

Emily Zhai | LinkedIn

⚙️ Built with...

• three.js
• React Three Fiber
• @use-gesture
• React Spring
• framer-motion-3d
• Next.js

Local Development

now env pull

Pulls local development environment variables from Vercel.

yarn

Installs dependencies

yarn dev

This runs the app in a local development mode.
The page will hot reload any updates to the front-end and API.
Open http://localhost:3000 to view it in the browser.

yarn build && yarn start

This will create an optimized production build to run locally.
Open http://localhost:3000 to view it in the browser.

Deployments

Production deployments are managed by Vercel and triggered automatically when code is merged to master.