https://github.com/im-fran/vite-react-ts-template
Vite + React + TypeScript + TailwindCSS + ReactRouter template
https://github.com/im-fran/vite-react-ts-template
bun class-variance-authority cva react react-hot-toast react-router reactjs swc tailwind tailwindcss template ts typescript vite vitejs
Last synced: 6 months ago
JSON representation
Vite + React + TypeScript + TailwindCSS + ReactRouter template
- Host: GitHub
- URL: https://github.com/im-fran/vite-react-ts-template
- Owner: Im-Fran
- License: gpl-3.0
- Created: 2024-11-20T02:39:10.000Z (11 months ago)
- Default Branch: dev
- Last Pushed: 2024-12-06T18:40:46.000Z (10 months ago)
- Last Synced: 2025-04-05T18:54:40.978Z (6 months ago)
- Topics: bun, class-variance-authority, cva, react, react-hot-toast, react-router, reactjs, swc, tailwind, tailwindcss, template, ts, typescript, vite, vitejs
- Language: TypeScript
- Homepage: https://vite-react-ts-template.franciscosolis.cl
- Size: 76.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite + React + TypeScript Template
A fast and feature-rich template for building modern web applications using **Vite**, **React**, **TypeScript**, **TailwindCSS**, and **React Router**. This template provides a streamlined setup for rapid development and is designed to be fully extensible.
## Features
- ⚡ **Vite**: Lightning-fast build tool for modern web projects.
- 🔥 **React**: A powerful UI library for building user interfaces.
- ✨ **TypeScript**: Static typing for better development with improved IDE support.
- 🚀 **SWC**: Super-fast JavaScript/TypeScript compiler.
- 🎨 **TailwindCSS v4**: Utility-first CSS framework for building custom designs.
- 🌍 **React Router**: Declarative routing for React.
- 📢 **React Hot Toast**: Lightweight toast notifications.
- 💡 **Class Variance Authority**: Reusable component variants.
- 🛠️ **Bun.sh**: All-in-one JavaScript runtime & toolkit.
## Getting Started
To get started with this template, follow these steps:
1. Use the Bun CLI to create a new project from this template
```bash
bun create Im-Fran/vite-react-ts-template
```
2. Navigate to the project directory
```bash
cd
```
3. Install dependencies
```bash
bun install
```
4. Start the development server
```bash
bun run dev
```
This will start the Vite development server, and you can view your app at http://localhost:3000.
License
This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.
Contributing
We welcome contributions! If you’d like to contribute to this project, feel free to fork the repository and submit a pull request. Please ensure that your code follows the project’s conventions and passes the tests before submitting your changes.
Acknowledgments
• Vite
• React
• TypeScript
• TailwindCSS
• Bun.sh
### Explanation of the Sections:
- **Introduction**: Describes the purpose of the repository and the technologies used.
- **Features**: Lists the key technologies and features integrated into the template.
- **Getting Started**: Provides the steps for setting up and running the project.
- **License**: Mentions the project license under **GNU GPLv3**.
- **Contributing**: A section for potential contributors to understand how they can contribute.
- **Acknowledgments**: Acknowledges the tools and libraries used in the project.