Skill UI

A comprehensive guide providing best practices and architectural patterns for modern full-stack development using Next.js 14+ App Router. Covers advanced topics like Server Components, efficient data fetching, handling parallel routes, and implementing full-stack features with Server Actions for scalable React applications.

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.

A comprehensive guide to building modern, high-performance full-stack applications using Next.js 14+ and the App Router. Covers advanced concepts including React Server Components (RSC), Server Actions, optimized data fetching with caching, implementing robust SEO via generateMetadata, and best practices for deployment and performance tuning (Vercel).

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.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

A comprehensive guide detailing Next.js 16+ usage with Turbopack. Turbopack, written in Rust, is an incremental bundler designed to drastically speed up development startup and Hot Module Replacement (HMR) by utilizing file system caching. This document guides developers on best practices, differentiating between the default Turbopack usage and when to revert to Webpack for debugging or compatibility.

A comprehensive guide for optimizing SEO indexing and managing crawl budget specifically for Next.js applications. Covers fixing Google Search Console coverage errors, implementing proper canonical tags, auditing sitemaps, managing static rendering, and optimizing internal linking for maximum search visibility.

A comprehensive guide to Next.js 16+ and Turbopack. Learn how Turbopack, an incremental bundler written in Rust, significantly accelerates development server startup and Hot Module Replacement (HMR) using file system caching. This guide clarifies when to use Turbopack versus Webpack, and outlines best practices for optimizing production builds and debugging development performance.

This skill helps identify and exploit specific vulnerabilities in Next.js applications, such as Server Actions authentication bypasses, middleware bypasses, and SSRF via image optimization. It provides commands for fingerprinting, version detection, and testing attack vectors. Requires explicit written authorization for target scope.

A comprehensive guide providing best practices and architectural patterns for modern full-stack development using Next.js 14+ App Router. Covers advanced topics like Server Components, efficient data fetching, handling parallel routes, and implementing full-stack features with Server Actions for scalable React applications.