SHVM-09 / tailwind-with-vite

This project serves as a demonstration of effectively integrating Tailwind CSS with Vite and post-processing. Additionally, it showcases seamless compatibility with the Tailwind CSS class order corrector plugin and features a dark-light mode switcher.

Introduction

Welcome to my Nike project repo, a showcase of seamless integration between Tailwind CSS, Vite, and post-processing technologies. This demonstration not only highlights the power of combining Tailwind CSS with Vite for efficient development but also introduces a unique feature – the Tailwind CSS class order corrector plugin. My project stands out with its capability to maintain a consistent class order across your stylesheets.

As a bonus, I've incorporated a sleek dark-light mode switcher, adding a touch of user-friendly customization to the mix. Explore the project to witness a harmonious blend of modern web development technologies, offering a glimpse into the future of web design.

Get ready to be inspired by the synergy of Tailwind CSS, Vite, and post-processing, and immerse yourself in a delightful web development experience. Let the journey begin!

I express my deep gratitude to JS-mastery for enhancing my proficiency in Tailwind CSS and generously sharing this valuable project!

Usage

1. Clone the repo using the command git clone https://github.com/SHVM-09/tailwind-with-vite.git
2. Install NodeJS (LTS) in your system.
3. Run the command npm install
4. Run the command npm run build
5. Run the command npm run dev & your project will be served locally

Deployment

1. Make a Netlify Account as it allows serving for free and allows custom site names too from here using your GitHub credentials
2. Then simply press the button Add new Site & then your site will be built and served as I've already provided the .toml file for deployment requirements
3. Therefore, your site with a random name will be created in Netlify.
4. For setting a custom site name go to site settings & press the button change site name and your site with the custom name will be deployed!

Note

If you enjoyed the project, kindly consider giving it a star to show your support! Additionally, feel free to fork or clone it, and take it to the next level. Your contributions are greatly appreciated!