A custom create-react-app template
Install
npx create-react-app --template cracodile my-app
What's included
- tailwindcss
- craco
- postcss-import
- autoprefixer
- css-nano
- tailwind
- Inter variable webfont
- prettier + pretty-quick at pre-commit via husky
- .editorconfig
- npm-check-updates via script
yarn ncu
Adding the 3D package
To add the usual 3D package:
yarn add threejs react-three-fiber drei react-spring@next
- three.js
- react-three-fiber
- react-spring
- drei
Here's a quick scene to copy-paste:
import React Suspense from "react";import Canvas from "react-three-fiber";import OrbitControls StandardEffects Box from "drei"; { return <Canvas = = > <ambientLight /> <spotLight = = = = = = /> <Box /> <Suspense => <StandardEffects = /> </Suspense> <OrbitControls /> </Canvas> ;} ;