template-nextjs-moderne

This skill acts as an expert assistant for Next.js 15 projects, specifically tailored for the template-nextjs-moderne architecture. It empowers developers and agents to manage full-stack applications with Supabase, TypeScript, Tailwind CSS v4, and shadcn/ui. By providing context-aware instructions for routing, database schema migrations, and role-based access control (RBAC), this skill streamlines the development lifecycle while maintaining strict code quality standards.

• Automated Code Quality: Executes pre-configured shell scripts to detect 'any' types, run Biome linting, perform TypeScript type checking, and format code.

• Supabase Workflow Management: Facilitates database schema synchronization, migration generation using the Supabase CLI, and type-safe database interaction generation.

• Role-Based Access Control (RBAC): Provides guidance on managing user permissions, implementing RLS (Row Level Security) policies, and protecting sensitive routes via middleware.

• Component & Layout Architecture: Offers best practices for utilizing App Router, Server Actions, and modular component structures such as sidebar navigation and dynamic breadcrumbs.

• Performance Optimization: Leverages Turbopack for rapid development builds and ensures production readiness through static and dynamic rendering strategy guidance.

• Input/Output: Accepts natural language architectural queries or refactoring requests. Outputs concrete code modifications, shell command sequences, or architectural assessments.

• Constraints: Primarily designed for environments with Node.js 18+, pnpm, and Docker-based Supabase local development setups.

• Usage Tips: Regularly trigger the validation scripts via the skill to ensure your codebase adheres to strict type-safe standards before committing. Use the provided migration tools to maintain parity between local and production database states.

• Best Practices: Always verify the generated types against the current Supabase schema and utilize Server Actions for data mutations to keep business logic isolated from client components.