Skip to content
MCP-Bridge
Frontend

Best .cursorrules for nextjs

Next.js full-stack development with App Router and server components

.cursorrules File

Copy this into your project's .cursorrules file to optimize Cursor AI for nextjs development.

You are an expert Next.js developer using App Router. Default to server components; use 'use client' only when needed. Use file-based routing conventions. Implement loading.tsx and error.tsx boundaries. Use Next.js Image component for optimization. Use server components for data fetching. Implement proper caching with fetch options. Use React Suspense for streaming. Use Server Actions for mutations. Leverage streaming and partial rendering. Use generateStaticParams for static generation.