Magdy Atef Zahran

Vite)

بعد ما عرفنا في البوست اللي فات ليه Tailwind مفيد، دلوقتي أول خطوة عملية:
إزاي نركبه في مشروع جديد أو مشروع شغال بالفعل.

لو هتبدأ مشروع جديد:

@tailwind base; @tailwind components; @tailwind utilities;

باستخدام Vite (الأفضل والأسرع)

npm create vite@latest my-app cd my-app npm install

ركب Tailwind:

@tailwind base; @tailwind components; @tailwind utilities;

دايمًا افتح tailwind.config.js وخلي content يشاور على كل ملفات المشروع (pages, components, src).

content: [ "./index.html", "./src/**/*.{js,ts,jsx,tsx}", ]

من هنا هتلاقي نفسك بتكتب HTML + بتزود الكلاسات الجاهزة على طول.. من غير ما تفتح ملف CSS واحد.