Read each step, do the action, then hit Got it → to unlock the next one. Checkpoints ask if it worked — be honest.
Generate your .cursorrules file
Install Cursor from cursor.com if you haven't already. Open your project folder in Cursor. Then open Composer with Cmd+I (Mac) or Ctrl+I (Windows) and paste this:
Create a .cursorrules file for a Next.js 14 App Router project using Supabase for auth and database, Tailwind CSS for styling, and TypeScript throughout. Rules to include: - Default to server components. Only add 'use client' when you need browser APIs, event handlers, or React state. - Use the Supabase server client (from @/lib/supabase/server) in server components and API routes. Use the browser client (from @/lib/supabase/client) only in client components. - Tailwind only. No inline styles, no CSS modules, no styled-components. - TypeScript strict. No 'any' types. If you don't know the type, ask me. - File naming: kebab-case for files (user-profile.tsx), PascalCase for component exports (UserProfile). - Keep components under 150 lines. If it's going to be longer, ask me how to split it before writing. - Always handle Supabase errors. Never assume a query succeeded without checking the response. - Do not add npm packages without asking first. Output this as a .cursorrules file ready to save directly to my project root.