https://github.com/marc-aurele-besner/react-three-next-ts
https://github.com/marc-aurele-besner/react-three-next-ts
nextjs r3f react reactjs threejs typescript
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/marc-aurele-besner/react-three-next-ts
- Owner: marc-aurele-besner
- License: mit
- Created: 2022-11-06T10:35:52.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-06T15:08:17.000Z (about 1 year ago)
- Last Synced: 2025-02-07T09:19:07.601Z (4 months ago)
- Topics: nextjs, r3f, react, reactjs, threejs, typescript
- Language: TypeScript
- Homepage:
- Size: 1.41 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React-Three-Next-TS
[](https://app.netlify.com/sites/react-three-next-ts/deploys)
# :japanese_castle: 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
[](https://react-three-next.vercel.app/)
### How to use
#### Installation
### :control_knobs: 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`](https://github.com/mrdoob/three.js/) – A lightweight, 3D library with a default WebGL renderer.
- [`@react-three/fiber`](https://github.com/pmndrs/react-three-fiber) – A React renderer for Threejs on the web and react-native.
- [`@react-three/drei` - Optional](https://github.com/pmndrs/drei) – useful helpers for react-three-fiber
- [`@react-three/a11y` - Optional](https://github.com/pmndrs/react-three-a11y/) – Accessibility tools for React Three Fiber
- [`r3f-perf` - Optional](https://github.com/RenaudRohlinger/r3f-perf) – Tool to easily monitor react threejs performances.
### How to contribute
```bash
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](https://github.com/pmndrs/react-three-next)