React & Next.js Patterns - React 19 and Next.js 15 patterns for FrankX applications
Modern React 19 and Next.js 15 design patterns, server actions, data fetching, and performance practices for FrankX applications.
Tags
Updated: 2026-09-19Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Build Next.js 15 App Router pages
- Implement React 19 server components
- Create server actions with Zod
- Configure parallel and streamed fetching
- Optimize page performance and images
- Implement error boundaries and loading
Inputs
- React and Next.js codebases
- Component design specifications
- Data models and API schemas
Outputs
- React 19 component files
- Next.js 15 server action functions
- Error boundary and loading templates
Requirements
- Next.js 15
- React 19
- Tailwind CSS 4
- Zod