React-Three-Next-TS

🏯 React-Three-Next-TS starter   

Description

A minimalist starter for React, React-three-fiber and Threejs in Typescript.

This starter allows you to navigate seamlessly between pages with dynamic dom and/or canvas content without reloading or creating a new canvas every time.

⚫ Demo

How to use

Installation

🎛️ Available Scripts

• yarn dev - Next dev
• yarn analyze - Generate bundle-analyzer
• yarn lint - Audit code quality
• yarn build - Next build
• yarn start - Next start
• yarn export - Export to static HTML

⬛ Stack

• threejs – A lightweight, 3D library with a default WebGL renderer.
• @react-three/fiber – A React renderer for Threejs on the web and react-native.
• @react-three/drei - Optional – useful helpers for react-three-fiber
• @react-three/a11y - Optional – Accessibility tools for React Three Fiber
• r3f-perf - Optional – Tool to easily monitor react threejs performances.

How to contribute

git clone https://github.com/marc-aurele-besner/react-three-next-ts
&& cd react-three-next-ts && yarn install

Origin

This project has been build from a very similar project, just converted to Typescript

React-Three-Next-JS