🚀 روش‌های استفاده از Tailwind

✔️ Tailwind دو روش اصلی برای استفاده دارد:
• CDN
• CLI (روش حرفه‌ای و پیشنهادی)

🌐 Tailwind CDN

✔️ سریع‌ترین راه برای تست و یادگیری
✔️ بدون نصب Node.js

🔹 نحوه استفاده:
• اضافه کردن اسکریپت CDN در <head>

🔧 ویژگی‌ها:
• بدون Build
• بدون config
• آماده استفاده فوری

⚠️ محدودیت‌ها:
• مناسب پروژه واقعی نیست
• شخصی‌سازی محدود
• حجم فایل بالا
• Purge (حذف کلاس‌های اضافه) ندارد

📌 کاربرد:
• تمرین
• یادگیری
• Prototype سریع

✔️ روش استاندارد و حرفه‌ای Tailwind
✔️ مناسب پروژه واقعی و Production

🔹 پیش‌نیاز:
• Node.js
• npm یا yarn

🔧 مراحل کلی:
• نصب Tailwind
• ساخت فایل config
• Build فایل CSS خروجی

📦 فایل‌های مهم:
• tailwind.config.js
• فایل CSS ورودی (input.css)
• فایل CSS خروجی (output.css)

✨ مزایا:
• حجم بسیار کم CSS نهایی
• حذف کلاس‌های استفاده نشده (Purge)
• شخصی‌سازی کامل
• کنترل Breakpoint، رنگ‌ها، فونت‌ها

📌 کاربرد:
• پروژه واقعی
• سایت Production
• کار تیمی و حرفه‌ای

✔️ CDN:
• سریع
• بدون نصب
• مناسب تمرین
• غیرحرفه‌ای برای پروژه واقعی

✔️ CLI:
• نیاز به نصب
• حرفه‌ای
• قابل شخصی‌سازی
• مناسب Production

📌 نتیجه:
• یادگیری → CDN
• پروژه واقعی → CLI

• Tailwind بر پایه Utility-first است
• ترتیب نصب و Build در CLI مهم است
• CDN فقط برای آموزش توصیه می‌شود