https://github.com/gsimone/cra-template-cracodile
🐊 A create-react-app template with tailwind and nice-to-haves
https://github.com/gsimone/cra-template-cracodile
Last synced: about 1 year ago
JSON representation
🐊 A create-react-app template with tailwind and nice-to-haves
- Host: GitHub
- URL: https://github.com/gsimone/cra-template-cracodile
- Owner: gsimone
- Created: 2020-07-01T10:30:25.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-08T17:42:44.000Z (almost 6 years ago)
- Last Synced: 2025-06-20T17:06:02.175Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 261 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A custom create-react-app template
### Install
```
npx create-react-app --template cracodile my-app
```
### What's included
- [tailwindcss](https://tailwindcss.com/)
- [craco](https://github.com/gsoft-inc/craco)
- postcss-import
- autoprefixer
- css-nano
- tailwind
- [Inter variable webfont](https://rsms.me/inter/)
- 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:
```bash
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:
```jsx
import React, { Suspense } from "react";
import { Canvas } from "react-three-fiber";
import { OrbitControls, StandardEffects, Box } from "drei";
function App() {
return (
);
}
export default App;
```