3 nextjs rules available
Browse optimized Windsurf rules specifically designed for Next.js development. These rules help Windsurf's AI understand Next.js best practices and patterns.
Next.js 14+ introduced significant changes including the App Router, Server Components, and Server Actions. AI rules configured for Next.js help ensure the AI understands the distinction between 'use client' and 'use server' directives, proper data fetching patterns, and Next.js-specific optimizations like Image and Link components.
When configuring Windsurf for Next.js development, consider these recommendations:
Next.js rules typically cover Server Components by default, data fetching with fetch and caching, and proper use of the App Router file conventions. Many include Vercel deployment configurations and API route patterns.
Most modern Next.js rules target the App Router (Next.js 13+). Look for tags like 'app-router' or 'pages-router' to find rules for your specific setup. We recommend migrating to App Router for new projects.
Well-configured rules help the AI understand that components are Server Components by default in App Router, and only add 'use client' when client-side interactivity is needed. This helps maintain optimal bundle sizes.
Yes, most Next.js rules include patterns for both Route Handlers (App Router) and API Routes (Pages Router), including request/response handling and middleware integration.
Windsurf rules for Next.js 14+ development with App Router and Server Components.
Implement i18n for multi-language support
Generate Next.js pages and API routes efficiently
Create your own Windsurf rules for Next.js and share with the community.