Skip to content

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

Notifications You must be signed in to change notification settings

Sumonta056/React-Vite-Tailwind-Template-Latest

Repository files navigation

  • 👉 Install React with Vite in "root" folder
npm create vite@latest . -- --template react
  • 👉 Install React with Vite in "vite-react" folder
npm create vite@latest vite-react -- --template react
  • 👉 Install Tailwind CSS
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
  • 👉 Modify the "tailwind.config.js" file to include the "purge" property
/** @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
@tailwind base;
@tailwind components;
@tailwind utilities;
  • 👉 Run the "vite" server
npm run dev

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published