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.

Implements session management, route protection, and JWT handling via Clerk middleware for Next.js apps using auth guards and role-based checks, making it easy to secure API routes and server components.

Guide to making your first authenticated Clerk request, covering a protected Next.js page, API route, client-side test flow, and integration verification.