Skill UI

Guides building Next.js 14+ projects with App Router, server components, streaming SSR, metadata-driven SEO, loading/error boundaries, and Vercel-ready deployments focused on performance.

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.

Guides you through diagnosing Next.js getServerSideProps, getStaticProps, and API route failures by checking terminal logs, adding explicit try-catch handling, and reviewing hosting logs or common causes like env vars, DB, or serialization issues.

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.

Guides setting up separate PostHog projects for dev, staging, and prod along with env-specific API keys, session recording policies, and Next.js providers so you can target analytics and feature flags per environment.

This comprehensive guide, maintained by Vercel, provides best practices for optimizing React and Next.js applications. It covers 45 rules across eight critical categories, addressing performance in data fetching, rendering, bundle size, and state management. Use it when building new components, refactoring existing code, or improving overall application load times.

A specialist skill for building robust, scalable, and high-performance React applications. Expertise covers modern patterns including React 19, Server Components (RSC), Next.js App Router, and advanced state management (Redux/Zustand). Ideal for implementing complex features, optimizing rendering, and adhering to strict TypeScript/accessibility standards.

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern frontend patterns.

Highlights React 19 idioms such as the new use() hook, server components, server actions, optimistic updates, suspense, error handling, and compound hooks to structure Next.js apps with streaming data, interactivity, and reusable hooks.

Explains how to create route.ts endpoints in the Next.js App Router, covering HTTP methods, request/response handling, streaming, cookies, redirects, CORS, and caching so you can build REST APIs.

A comprehensive guide to implementing expert customer data tracking across the entire stack. Includes best practices for client-side tracking using Analytics.js (React/Next.js), high-performance server-side tracking via Node.js webhooks, user identity resolution, and data governance strategies for Segment CDP.

A comprehensive skill set for modern frontend development using React, Next.js, TypeScript, and Tailwind CSS. It covers automated project scaffolding, component generation (including hooks and stories), and critical bundle analysis. Use this to enforce best practices, optimize performance, and maintain high code quality in large-scale web applications.