nextjs-frontend-guidelines

Structure a Next.js frontend project using React 19 and TypeScript by organizing components, data fetching, state management, and authentication flows according to established architectural patterns. This ensures maintainability and adherence to modern web standards.

The best way to manage state in a Next.js app with Zustand and React Query involves separating client state and server data. Zustand handles local UI state while React Query manages remote data fetching and caching.

Implement offline-first patterns in a Next.js application by structuring data fetching and state management to handle connectivity loss. This approach ensures the frontend remains functional and synchronizes data when network access is restored.

Yes, you can use shadcn/ui and Tailwind CSS 4 together for component styling. The guidelines detail building UI components with the base-nova shadcn/ui variant and styling them using Tailwind CSS 4 utilities.

Set up Supabase authentication in a Next.js frontend by following specific component patterns for auth flows. The guidelines provide instructions for integrating Supabase auth to secure frontend development tasks.

Yes, this Next.js guide covers data fetching with React Query. It details how to handle remote data retrieval and caching within the Next.js 16 architecture to maintain consistent data flow.