Tailwind CSSBeginner
Tailwind CSS Install
Tailwind CSS কীভাবে install করবেন — npm, CDN এবং বিভিন্ন build tool-এ setup।
10টি অংশবাংলা ভাষায়
Tailwind CSS install করার কয়েকটি পদ্ধতি আছে। সবচেয়ে সহজ হলো npm দিয়ে install করা।
npm দিয়ে Install (Recommended)
Terminalbash
bash
# Tailwind CSS v4 install
npm install tailwindcss @tailwindcss/cliTailwind v4-এ postcss এবং autoprefixer আলাদা করে install করার দরকার নেই। v3-এ এগুলো প্রয়োজন।
CDN দিয়ে (Quick Testing)
index.htmlhtml
html
<head>
<script src="https://cdn.tailwindcss.com"></script>
</head>CDN Production-এ ব্যবহার করবেন না
CDN শুধু testing বা learning-এর জন্য। Production-এ npm install করে build process ব্যবহার করুন — এতে unused CSS remove হয় এবং performance ভালো থাকে।
Tailwind v3 vs v4 Install
| বৈশিষ্ট্য | Tailwind v3 | Tailwind v4 |
|---|---|---|
| Packages | tailwindcss, postcss, autoprefixer | tailwindcss, @tailwindcss/cli |
| Config | tailwind.config.js | CSS-first (@theme directive) |
| Build | PostCSS plugin | CLI / Vite plugin |
| Engine | JIT | Oxide (Rust-based) |
নতুন প্রজেক্টে v4 ব্যবহার করুন
নতুন প্রজেক্টে Tailwind v4 install করুন। এটি faster, simpler এবং more powerful। পুরোনো v3 project থাকলে v4-তে migrate করার documentation পড়ুন।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।