Skill UI

A comprehensive guide on integrating Algolia search into modern React applications. This skill covers utilizing React InstantSearch with custom hooks (like useSearchBox, useHits) for type-ahead search, handling Next.js Server-Side Rendering (SSR) with InstantSearchNext, and implementing best practices for data synchronization and indexing strategies (e.g., partial updates, batching). Learn how to build high-performance, scalable search features.

Guides how to create routes in Next.js App Router using the app/ directory, including route files, layouts, loading/error states, dynamic routes, metadata, and organizational patterns for robust navigation.

Guides how to create routes in Next.js App Router using the app/ directory, including route files, layouts, loading/error states, dynamic routes, metadata, and organizational patterns for robust navigation.

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.

A comprehensive guide to modern backend development patterns for scalable server-side applications using Node.js, Express, and Next.js. Covers API design (RESTful), data access patterns (Repository, Service Layer), database optimization (N+1 prevention, Transactions), and advanced caching strategies (Redis, Cache-Aside). Essential for building robust, high-performance APIs.

A comprehensive guide to advanced frontend architectural patterns for building robust and scalable user interfaces using React and Next.js. Covers essential techniques such as Compound Components, Render Props, custom hooks (e.g., useQuery, useDebounce), and advanced state management using Context and Reducers, ensuring optimal performance and maintainability.

A comprehensive template for developing modern, full-stack applications. This guide covers architecture overview, file structure, and best-practice code patterns for advanced technology stacks including Next.js, FastAPI, Supabase, and structured AI integration using Claude API. It serves as a robust blueprint for professional development teams.

Documenting backend architecture patterns, API design, database optimization, caching, and error-handling best practices tailored for scalable Node.js, Express, and Next.js API routes.

This guide provides expert architectural patterns for implementing robust authentication using Clerk in Next.js 14/15 App Router. It covers essential setups like ClerkProvider, middleware route protection (including role/permission checks), and accessing user data in Server Components and Server Actions. Ideal for building secure, scalable, and enterprise-grade web applications.

A comprehensive guide for diagnosing and resolving common configuration, authentication, and runtime errors when integrating the Clerk authentication SDK. Covers issues like missing environment variables, middleware setup, session mismatches, and component usage in Next.js environments.

Learn how to implement robust authentication and authorization flows using Clerk in Next.js. This guide covers configuring `clerkMiddleware` for route protection, protecting API endpoints with permission checks, customizing session claims (JWT), and generating secure tokens for external services like Supabase. Essential for building secure, enterprise-grade SaaS applications.