Skill UI

Guides building authentication and authorization in Next.js via NextAuth, middleware protection, JWT verification, session handling, and sign-in UI for both client and server components.

Guides building authentication and authorization in Next.js via NextAuth, middleware protection, JWT verification, session handling, and sign-in UI for both client and server components.

This comprehensive guide demonstrates how to implement enterprise-grade Role-Based Access Control (RBAC) and organization management using Clerk. It covers setting up multi-tenant architectures, defining granular custom roles and permissions (e.g., data:write, org:admin), integrating SSO (SAML/OIDC), and securely protecting both Next.js routes (via middleware) and client components based on user roles and specific permissions. Ideal for building secure, scalable SaaS applications.

A comprehensive guide demonstrating how to implement robust authentication using Clerk across various modern web environments, including Next.js Server Components, Client Components, API routes, and Server Actions. Learn best practices for securing endpoints, managing session data, and handling authenticated requests from end-to-end.

This comprehensive guide outlines essential patterns and best practices for integrating the Clerk SDK into modern applications. It covers crucial components like server-side and client-side authentication flows, protecting routes with middleware, implementing organization-aware data queries, and generating custom JWT tokens for secure third-party integrations. Ideal for developers building robust, secure, and scalable applications.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

This comprehensive guide outlines best practices for developing modern, scalable applications using the Next.js App Router. It covers critical architectural patterns, including the decision-making process between Server and Client Components, advanced data fetching strategies (caching, revalidation), file-system routing principles, API route handling, and performance optimizations like image and bundle splitting. Essential knowledge for building robust full-stack React applications.

Guide detailing Next.js 14+ App Router patterns, emphasizing Server Components, ISR caching, middleware, server actions, and parallel routes to build scalable, data-driven apps with minimal client JS.

This guide provides expert patterns for implementing secure, full-stack authentication in Next.js using Supabase. It covers essential architectural components, including setting up separate browser and server clients, utilizing middleware for route protection and session refreshing, handling OAuth callbacks, and implementing auth operations safely via Server Actions and Server Components. Essential knowledge for building secure, modern web applications.

A comprehensive optimization guide maintained by Vercel, covering 45 rules for React and Next.js. Use this resource when building new components, implementing complex data fetching (client or server-side), refactoring code, or systematically improving bundle size and overall load times for high-performance web applications.

Guides you through React Server Components in Next.js App Router, covering when to use server versus client pieces, interop boundaries, data fetching patterns, streaming with Suspense, and composition techniques such as client wrappers or slot-based shells for mixed trees.

This guide provides the complete, production-grade reference architecture for integrating the Speak language learning platform. It covers all necessary components, including the client, API gateway, assessment engine, and progress store. Use this blueprint to ensure a robust, scalable, and reliable implementation for managing large-scale language learning operations.