Vite Js and Tailwind CSS Boilerplate

Used Library

  • vite
  • tailwindcss
  • postcss
  • autoprefixer

Clone the repo to local

# git clone this repository ๐Ÿฆ‘
git clone https://github.com/sadman-shami/vite-tailwind-boilerplate.git
cd vite-tailwind-boilerplate

# install dependencies ๐Ÿงถ

# npm
npm i

# yarn
yarn

# pnpm
pnmp

Checklist

When you use this template, update the followings:

  • Remove .git directory and run git init to clean the commit history.
  • Cleanup README.md file.
  • Delete screen.png file.

Now you can enjoy ๐Ÿ˜

Usage

The starter contains the following scripts:

Yarn

  • yarn dev - start a vite dev server ๐Ÿš€
  • yarn build - build the project ๐Ÿ“ฆ
  • yarn preview - preview build ๐ŸŽ‰

Pnpm

  • pnpm dev - start a vite dev server ๐Ÿš€
  • pnpm build - build the project ๐Ÿ“ฆ
  • pnpm preview - preview build ๐ŸŽ‰

Npm

  • npm run dev - start a vite dev server ๐Ÿš€
  • npm run build - build the project ๐Ÿ“ฆ
  • npm run preview - preview build ๐ŸŽ‰

Acknowledgement

If you found it useful somehow, I would be grateful if you could leave a star in the project's GitHub repository.

Thank you ๐Ÿ˜Š.