AcademyReglasDesarrollo

Reglas de Next.js, React y Tailwind para Cursor

Equipos de desarrollo que quieren que Cursor escriba código de Next.js y Tailwind coherente y con un único estilo.

  • Recomendadonuestra valoración
  • 40.892estrellas del repositorio
  • CC0-1.0licencia
  • hace 4 mesesúltima actualización

Úsalo ahora

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

Cargando el archivo...

Qué hace

Un archivo de reglas para Cursor pensado para proyectos con TypeScript, Next.js App Router, React, Shadcn UI, Tailwind y Framer Motion. Define el estilo de código, los nombres de archivos, el uso de TypeScript y pautas de rendimiento, como priorizar componentes de servidor y envolver los de cliente en Suspense.

Casos de uso

  1. 01Mantener coherentes los nombres y carpetas de componentes
  2. 02Generar componentes React tipados y funcionales
  3. 03Reducir el código de cliente en una app Next.js

Preguntas sobre
Reglas de Next.js, React y Tailwind para Cursor.

¿Para qué sirve Reglas de Next.js, React y Tailwind para Cursor?

Equipos de desarrollo que quieren que Cursor escriba código de Next.js y Tailwind coherente y con un único estilo. Un archivo de reglas para Cursor pensado para proyectos con TypeScript, Next.js App Router, React, Shadcn UI, Tailwind y Framer Motion. Define el estilo de código, los nombres de archivos, el uso de TypeScript y pautas de rendimiento, como priorizar componentes de servidor y envolver los de cliente en Suspense.

¿Cómo instalo Reglas de Next.js, React y Tailwind para Cursor?

Ejecuta en tu 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

¿Reglas de Next.js, React y Tailwind para Cursor es de código abierto?

Sí. El código está publicado en GitHub (PatrickJS/awesome-cursorrules) con licencia CC0-1.0.

¿Es seguro usar Reglas de Next.js, React y Tailwind para Cursor?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.