Skill UI

Master Next.js App Router development with guidelines on Server Components, data fetching strategies, routing patterns, and performance optimization. Learn to structure projects, handle API routes, and implement caching effectively for scalable web applications.

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.

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.