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: about 1 month 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 (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2023-07-20T17:42:30.000Z (over 1 year ago)
- Last Synced: 2024-12-18T13:44:08.162Z (about 1 month ago)
- Topics: create-react-app, react, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/cra-template-tailwindcss-typescript
- Size: 268 KB
- Stars: 110
- Watchers: 8
- Forks: 18
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-tailwindcss - Create React App with TypeScript - CRA template with support for Tailwind CSS and TypeScript. (Starters & Themes)
README
# cra-template-tailwindcss-typescript
[![All Contributors](https://img.shields.io/badge/all_contributors-8-orange.svg?style=flat-square)](#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!