AcademyReglasDiseño y medios

Reglas de Next.js 14 y Tailwind para pasar del diseño al código

Equipos web y de front-end que construyen páginas a partir de maquetas y quieren que la IA siga las convenciones de Next.js 14.

  • 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/cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup.mdc -o .cursor/rules/cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup.mdc
cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup.mdc

Cargando el archivo...

Qué hace

Un archivo de reglas para Cursor que convierte capturas de diseño en código TypeScript para Next.js 14 con Tailwind CSS. Pide usar el App Router, componentes de servidor por defecto, la API de metadatos para el SEO, el componente Image de Next.js, marcado accesible y archivos de error y de carga.

Casos de uso

  1. 01Crear una página a partir de una captura de diseño
  2. 02Añadir metadatos SEO con la API de metadatos de Next.js
  3. 03Crear componentes adaptables y accesibles con Tailwind

Preguntas sobre
Reglas de Next.js 14 y Tailwind para pasar del diseño al código.

¿Para qué sirve Reglas de Next.js 14 y Tailwind para pasar del diseño al código?

Equipos web y de front-end que construyen páginas a partir de maquetas y quieren que la IA siga las convenciones de Next.js 14. Un archivo de reglas para Cursor que convierte capturas de diseño en código TypeScript para Next.js 14 con Tailwind CSS. Pide usar el App Router, componentes de servidor por defecto, la API de metadatos para el SEO, el componente Image de Next.js, marcado accesible y archivos de error y de carga.

¿Cómo instalo Reglas de Next.js 14 y Tailwind para pasar del diseño al código?

Ejecuta en tu terminal: mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup.mdc -o .cursor/rules/cursorrules-cursor-ai-nextjs-14-tailwind-seo-setup.mdc

¿Reglas de Next.js 14 y Tailwind para pasar del diseño al código 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 14 y Tailwind para pasar del diseño al código?

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.