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: 7 months 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 (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-17T17:24:19.000Z (about 1 year ago)
• Last Synced: 2024-09-17T21:49:49.966Z (about 1 year 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/)

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/git?s=https://github.com/agustinusnathaniel/vite-react-tailwind-starter) [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/agustinusnathaniel/vite-react-tailwind-starter)

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](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)