Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dance2die/cra-template-tailwindcss-typescript
A streamlined Tailwind CSS template for Create React App in TypeScript
https://github.com/dance2die/cra-template-tailwindcss-typescript
create-react-app react tailwindcss typescript
Last synced: 2 months ago
JSON representation
A streamlined Tailwind CSS template for Create React App in TypeScript
- Host: GitHub
- URL: https://github.com/dance2die/cra-template-tailwindcss-typescript
- Owner: dance2die
- License: mit
- Created: 2020-03-14T04:14:49.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-07-20T17:42:30.000Z (11 months ago)
- Last Synced: 2024-04-08T23:56:59.150Z (3 months ago)
- Topics: create-react-app, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/cra-template-tailwindcss-typescript
- Size: 268 KB
- Stars: 109
- Watchers: 8
- Forks: 18
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Lists
- awesome-tailwindcss - Create React App with TypeScript - CRA template with support for Tailwind CSS and TypeScript. (Starters & Themes)
- awesome-tailwindcss - Create React App with TypeScript - CRA template with support for Tailwind CSS and TypeScript. (Starters & Themes)
README
# cra-template-tailwindcss-typescript
[](#contributors-)
A streamlined [Tailwind CSS v3.x](https://tailwindcss.com) template for [Create React App](https://github.com/facebook/create-react-app) in [TypeScript](https://www.typescriptlang.org/).
## Usage
```bash
npx create-react-app my-app --template tailwindcss-typescript
```
### Note to self
_This is for myself or others trying to create from source code._
Prepare the husky, pre-github hook
```bash
npm run prepare
```
Install `git-cz` globally
```
pnpm i -g git-cz
# or
npm i -g git-cz
```
Create a new create-react-app project from my source code
```bash
npx create-react-app tw3 --template file:/home/dance2die/src/github/dance2die/cra-template-tailwindcss-typescript
```
If you didn't run `npm run prepare` from the source code, you will get an error like this,
```
sh: husky: command not found
npm ERR! code 127
npm ERR! path /Users/X/Desktop/Workspace/project
npm ERR! command failed
npm ERR! command sh -c husky install
```
## Credits
This project was made possible thanks to the following projects.
1. [GeoffSelby/cra-template-tailwindcss](https://github.com/GeoffSelby/cra-template-tailwindcss) - A streamlined Tailwind CSS template for Create React App (in JavaScript).
2. [cra-template-typescript](https://github.com/facebook/create-react-app/tree/master/packages/cra-template-typescript) - An official TypeScript template for create-react-app.
## License
MIT © [Sung M. Kim](https://sung.codes)
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Ivo Angelov
💻 🚧
Roger Chi
🐛 💻
Jag Reehal
💻
Michael
🐛
Mustafa YILDIZ
⚠️ 📆 🐛
Arye Eidelman
💻
Kolja P.
💻
Samin Yaser
💻
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!