React Server Components Migration Patterns
Plan and execute a migration from client-side React components to React Server Components with clear boundarie...
AI prompts for React components, Next.js full-stack apps, hooks, state management, SSR, and modern frontend architecture.
15 prompts found
Plan and execute a migration from client-side React components to React Server Components with clear boundarie...
Systematically migrate a Next.js Pages Router application to the App Router with parallel routes, intercepting...
Design and implement React Suspense boundaries with streaming SSR for optimal perceived performance and progre...
Build a robust middleware authentication chain in Next.js with role-based access control, token refresh, and p...
Build a reusable form library combining React Hook Form with Zod schema validation for type-safe, performant f...
Optimize image loading and font delivery in Next.js for perfect Core Web Vitals scores with responsive images,...
Implement comprehensive error boundary patterns in React with graceful degradation, error reporting, recovery...
Create a reusable React hooks library — useDebounce, useFetch, useLocalStorage, useInfiniteScroll, and more wi...
Scaffold a complete Next.js 14+ App Router CRUD application with server actions, Prisma ORM, auth, and optimis...
Design the optimal state management architecture for your React app — choosing between Context, Zustand, Jotai...
Build a comprehensive React testing strategy — unit tests, integration tests, accessibility tests, and visual...
Diagnose and fix React performance issues — memo, lazy loading, virtualization, bundle splitting, and render o...