initial commit

content/blog/tailwind-css-tips.md

@@ -0,0 +1,41 @@
+---
+title: 'Tailwind CSS Tips and Tricks'
+date: '2025-12-05'
+excerpt: 'Level up your Tailwind CSS skills with these advanced tips and tricks.'
+---
+
+# Tailwind CSS Tips and Tricks
+
+Tailwind CSS has changed how we write styles. Here are some advanced tips to take your Tailwind skills to the next level.
+
+## Use @apply Sparingly
+
+While `@apply` is useful for extracting repeated patterns, overusing it defeats the purpose of utility-first CSS. Keep most styles in your JSX.
+
+## Leverage JIT Mode
+
+The Just-In-Time compiler generates styles on-demand, giving you:
+
+- Faster build times
+- Smaller file sizes
+- All variants enabled by default
+
+## Custom Utilities
+
+Extend Tailwind with custom utilities in your `tailwind.config.js`:
+
+```javascript
+module.exports = {
+  theme: {
+    extend: {
+      spacing: {
+        '128': '32rem',
+      }
+    }
+  }
+}
+```
+
+## Conclusion
+
+These tips will help you use Tailwind CSS more effectively and build better UIs faster.