AcademyRulesDevelopment

Next.js, React and Tailwind rules for Cursor

Development teams that want Cursor to write consistent Next.js and Tailwind code that follows one house style.

  • Recommendedour rating
  • 40,892repository stars
  • CC0-1.0licence
  • 4 months agolast update
mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/nextjs-react-tailwind-cursorrules-prompt-file.mdc -o .cursor/rules/nextjs-react-tailwind.mdc
nextjs-react-tailwind.mdc

Loading the file...

What it does

A Cursor rules file for projects built with TypeScript, Next.js App Router, React, Shadcn UI, Tailwind and Framer Motion. It sets code style, file naming, TypeScript habits and performance guidance such as favouring server components and wrapping client components in Suspense.

Use cases

  1. 01Keep component naming and folders consistent
  2. 02Generate typed, functional React components
  3. 03Reduce client-side code in a Next.js app

Questions about
Next.js, React and Tailwind rules for Cursor.

What is Next.js, React and Tailwind rules for Cursor used for?

Development teams that want Cursor to write consistent Next.js and Tailwind code that follows one house style. A Cursor rules file for projects built with TypeScript, Next.js App Router, React, Shadcn UI, Tailwind and Framer Motion. It sets code style, file naming, TypeScript habits and performance guidance such as favouring server components and wrapping client components in Suspense.

How do I install Next.js, React and Tailwind rules for Cursor?

Run this in your terminal: mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/nextjs-react-tailwind-cursorrules-prompt-file.mdc -o .cursor/rules/nextjs-react-tailwind.mdc

Is Next.js, React and Tailwind rules for Cursor open source?

Yes. The code is on GitHub (PatrickJS/awesome-cursorrules) under the CC0-1.0 licence.

Is Next.js, React and Tailwind rules for Cursor safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.