Remix Cursor Rules

April 15, 2026

Remix Cursor Rules

Project Structure

  • /app/routes - file-based routing
  • /app/components - shared components
  • /app/utils - helper functions

Best Practices

  • Use loaders for GET, actions for mutations
  • Return typed JSON from loaders
  • Use {"<Form>"} for progressive enhancement
  • Validate in action, not client-side only
  • Use ErrorBoundary for 500 errors

AI Instructions

  • Use TypeScript throughout
  • Prefer server-side logic
  • Add type-safe form validation
  • Include proper error handling