nextjs material ui tailwind css cursorrules prompt
via PatrickJS/awesome-cursorrules
Next.js + Material UI + Tailwind CSS + shadcn/ui + Aeternity UI development guide
What is nextjs material ui tailwind css cursorrules prompt?
Cursor rules for the Portfolio2 project, a Next.js 14 application combining Material UI, Tailwind CSS, shadcn/ui, and Aeternity UI. Use this rule to maintain consistent styling patterns, component integration, and TypeScript conventions across the full-stack application with Prisma ORM and Next Auth authentication.
- Provides configuration context for Next.js 14 with App Router and TypeScript setup
- Guides Material UI and Tailwind CSS integration with styled-components and Emotion
- Establishes shadcn/ui and Aeternity UI component usage patterns
- References Prisma ORM and Next Auth authentication setup
- Supports CKEditor 5 rich text editing and Framer Motion animations
Applies to
File patterns this rule matches.
Rule definition (reference)
Source of truth, from the repository.
Ce projet s'appel Portfolio2
Il est basé sur Next.Js, il a tailwindcss, materialui, shadcn/ui et aceternityui
What is your project named? portfolio2
Would you like to use TypeScript? Yes
Would you like to use ESLint? No
Would you like to use Tailwind CSS? Yes
Would you like to use src/ directory? Yes
Would you like to use App Router? (recommended) Yes
Would you like to customize the default import alias (@/)? No
What import alias would you like configured? @/
Nola liste des dépendance
"dependencies": { "@ckeditor/ckeditor5-react": "^6.3.0", "@emotion/react": "^11.11.4", "@emotion/styled": "^11.11.5", "@mui/icons-material": "^5.15.18", "@mui/material": "^5.15.18", "@mui/styled-engine-sc": "^6.0.0-alpha.18", "@prisma/client": "^5.14.0", "autoprefixer": "^10.4.19", "bcryptjs": "^2.4.3", "ckeditor5": "^41.4.2", "clsx": "^2.1.1", "framer-motion": "^11.2.5", "init": "^0.1.2", "next": "^14.2.3", "next-auth": "^4.24.7", "react": "^18.3.1", "react-dom": "^18.3.1", "shadcn-ui": "^0.8.0", "styled-components": "^6.1.11", "tailwind-merge": "^2.3.0" },
"devDependencies": { "@types/bcryptjs": "^2.4.6", "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.4.38", "prisma": "^5.14.0", "tailwindcss": "^3.4.3", "typescript": "^5.4.5" }
Related rules
Expert guidance for Next.js, React, and Tailwind CSS development with TypeScript best practices.
Expert guidance for Next.js 14, React, TypeScript, and Web3 stack development
Next.js development guidance with SEO optimization and code quality standards.
Next.js + Supabase + Shadcn + PWA development rules with code quality, build tracking, and project documentation standards.
Next.js and Supabase setup for building a Todo app.
Expert Next.js, Tailwind CSS, and TypeScript code generation with Supabase and RAG integration.