frontend-dev-guidelines

Next.js App Router component patterns separate Server Components for data fetching from Client Components for interactivity. This Skill provides opinionated guidelines on structuring these components to ensure performance and maintainability in modern web applications.

The best way to integrate shadcn/ui with Tailwind CSS involves following established component patterns for styling and forms. This Skill demonstrates best practices for building type-safe web applications using React 19, shadcn/ui, and Tailwind CSS together.

Server Actions and React Hook Form handle data mutations in Next.js by managing form state and submissions. This Skill covers specific patterns for implementing forms and Server Actions to ensure type safety and rapid development.

Yes, this frontend development approach includes Supabase client integration. The Skill provides specific guidelines for connecting Supabase clients within your Next.js App Router architecture to build performant, type-safe web applications.

TypeScript best practices should be applied throughout Next.js 14+ web applications to ensure type safety. This Skill offers opinionated guidelines covering TypeScript usage alongside modern frontend patterns to maintain consistency across your project.