CSS and Styling
Rules for CSS frameworks and styling solutions like Tailwind CSS
Tailwind CSS (Next.js Guide)
A detailed guide for developing modern web applications using Tailwind CSS and Next.js, covering best practices, performance optimization, and advanced TypeScript techniques.
Next.js
Tailwind CSS
TypeScript
Tailwind (React, Firebase)
Comprehensive guide and best practices for building high-quality, mobile-first web applications using Tailwind CSS, React, and Firebase. Includes design, performance, accessibility, and Firebase integration tips.
React
Firebase
Tailwind CSS
Tailwind (shadcn/ui Integration)
A comprehensive guide on integrating Tailwind CSS with shadcn/ui in a Next.js project, focusing on best practices, performance optimization, and maintainability.
Tailwind CSS
shadcn/ui
Next.js
JavaScript (Astro, Tailwind CSS)
Best practices and guidelines for building scalable, high-performance web applications using Astro and Tailwind CSS.
Astro
Tailwind CSS
JavaScript
React (Styled Components)
Optimize your React projects using Styled Components with best practices, folder structure, and coding standards.
React
Styled Components
CSS-in-JS
React (Chakra UI)
A comprehensive guide for building React applications using Chakra UI, focusing on best practices, performance optimization, and maintainable code structure.
React
Chakra UI
TypeScript
Tailwind CSS Development Best Practices
These rules focus on using Tailwind CSS effectively. It covers configuration, such as using PurgeCSS and customizing themes. It also includes development approaches like mobile - first design, component - based architecture, and performance optimization. Additionally, it touches on security, testing, and tooling for a comprehensive Tailwind CSS project.
Tailwind CSS
PurgeCSS
Component-based