https://github.com/agustinusnathaniel/vite-react-tailwind-starter
template to initialize vite react-swc-ts app with TailwindCSS setup ✨
https://github.com/agustinusnathaniel/vite-react-tailwind-starter
react-typescript-boilerplate starter-template tailwind tailwindcss template typescript vite
Last synced: 8 days ago
JSON representation
template to initialize vite react-swc-ts app with TailwindCSS setup ✨
- Host: GitHub
- URL: https://github.com/agustinusnathaniel/vite-react-tailwind-starter
- Owner: sozonome
- License: mit
- Created: 2023-04-04T13:14:07.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-17T17:24:19.000Z (7 months ago)
- Last Synced: 2024-09-17T21:49:49.966Z (7 months ago)
- Topics: react-typescript-boilerplate, starter-template, tailwind, tailwindcss, template, typescript, vite
- Language: TypeScript
- Homepage: http://vite-react-tailwind-starter.sznm.dev/
- Size: 913 KB
- Stars: 32
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- fucking-awesome-vite - vite-react-tailwind-starter - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky. (Get Started / Templates)
- awesome-vite - vite-react-tailwind-starter - Starter template for creating React App with TypeScript and Tailwind CSS with Shadcn UI. Configured with ESLint, Prettier, and Husky. (Get Started / Templates)
README
This is a project bootstrapped with [`@vitejs/app`](https://vitejs.dev/guide/#scaffolding-your-first-vite-project) (`react-ts`), added with [TailwindCSS](https://tailwindcss.com) and [TypeScript](https://www.typescriptlang.org) setup.
- ⚡ blazing fast dev server and build
- 🔗 route management added (`react-router` v7 - Framework configuration - SPA mode)
[**Live Demo**](https://vite-react-tailwind-starter.sznm.dev/)
[](https://vercel.com/import/git?s=https://github.com/agustinusnathaniel/vite-react-tailwind-starter) [](https://app.netlify.com/start/deploy?repository=https://github.com/agustinusnathaniel/vite-react-tailwind-starter)
[](https://stackblitz.com/github/agustinusnathaniel/vite-react-tailwind-starter)
## Getting Started
You can either click [`Use this template`](https://github.com/agustinusnathaniel/vite-react-tailwind-starter/generate) button on this repository and clone the repo or use npx degit like so:
```bash
npx degit agustinusnathaniel/vite-react-tailwind-starter
```
```
pnpm i
```
Then, run the development server:
```bash
pnpm dev
```
## Deployment
- build command: `pnpm build`
- output directory: `build/client`
## References
- [vite](https://vitejs.dev)
- [avoid manual import](https://vitejs.dev/guide/features.html#jsx)
- [TailwindCSS](https://tailwindcss.com/)
- [TypeScript](https://www.typescriptlang.org)