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.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Provides a sample project-specific skill outlining architecture, stack, file structure, API patterns, testing, and deployment guidance for a Next.js + FastAPI customer discovery app.

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 patterns for implementing robust authentication using Clerk in Next.js applications. It covers setting up the ClerkProvider for the App Router, implementing secure route protection via middleware, and accessing user state in server components. Learn best practices for sign-in, sign-up, and centralized auth logic.

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.

Guide to installing Clerk SDK/CLI, configuring publishable and secret keys, wrapping your app with ClerkProvider, adding middleware, and verifying authentication across Next.js, React, and Express projects.