Adding Tailwindcss To QWIK framework

Introduction

Qwik is another js library more or less like astrojs that allows you to use any amount of javascript but still have your site load faster. In essence, it loads your application faster regardless of size or complexity.

Installation

To install qwik, first run npm create qwik@latest

Adding tailwindcss

To add tailwind css, run npm run qwik add tailwind

Conclusion

Once you have done the first two steps, you can begin writing your tailwindcss in html. The pages are located inside routes folder. They are typescript files written in jsx just like you would do in react. To run the application run npm run dev.