Next.js Three.js Template

This template uses:

threejs: A lightweight, 3D library with a default WebGL renderer. The library also provides Canvas 2D, SVG and CSS3D renderers in the examples. react-three-fiber: A React renderer for Threejs on the web and react-native. drei: A growing collection of useful helpers and abstractions for react-three-fiber.

TO DO

• Include some state management
• Missing on README
  • Eslint, prettier and husky
  • Blender folder
  • Generated jsx from glTF
  • Folder structure

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app -e https://github.com/guigallo/next-three-template next-three
# or
yarn create next-app -e https://github.com/guigallo/next-three-template next-three

Reference

Based on Next.js with-three-js template.