https://github.com/sumonta056/react-vite-tailwind-template-latest
A minimalist React.js template utilizing Vite for lightning-fast development, integrated with Tailwind CSS for sleek styling. Includes basic setup steps and features simple API fetching to display ecommerce products. Perfect for rapid prototyping and building efficient web applications
https://github.com/sumonta056/react-vite-tailwind-template-latest
api-fetching ecommerce-website tailwindcss vitejs-react
Last synced: about 2 months ago
JSON representation
A minimalist React.js template utilizing Vite for lightning-fast development, integrated with Tailwind CSS for sleek styling. Includes basic setup steps and features simple API fetching to display ecommerce products. Perfect for rapid prototyping and building efficient web applications
- Host: GitHub
- URL: https://github.com/sumonta056/react-vite-tailwind-template-latest
- Owner: Sumonta056
- Created: 2024-03-12T16:10:32.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-13T15:30:17.000Z (over 2 years ago)
- Last Synced: 2025-12-31T00:34:56.737Z (6 months ago)
- Topics: api-fetching, ecommerce-website, tailwindcss, vitejs-react
- Language: JavaScript
- Homepage: https://react-vite-tailwind-template-latest.vercel.app/
- Size: 759 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📚 [Install Tailwind CSS with Vite@React Latest](https://tailwindcss.com/docs/guides/vite)
- 👉 Install React with Vite in "root" folder
```bash
npm create vite@latest . -- --template react
```
- 👉 Install React with Vite in "vite-react" folder
```bash
npm create vite@latest vite-react -- --template react
```
- 👉 Install Tailwind CSS
```bash
npm install -D tailwindcss postcss autoprefixer
```
```bash
npx tailwindcss init -p
```
- 👉 Modify the "tailwind.config.js" file to include the "purge" property
```javascript
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {},
},
plugins: [],
};
```
- 👉 Modify the "index.css" file in src Folder
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```
- 👉 Run the "vite" server
```bash
npm run dev
```