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.

This guide details how to build and integrate custom, editable components for a Website Builder platform using the webiny-website-builder-nextjs SDK. Developers can learn to register components, define configurable inputs (text, image, colors, etc.), handle complex data types (like lexical objects), implement advanced theming, and build Server Components to fetch live CMS data. Ideal for creating a seamless, professional user experience within a web editor environment.

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.