Frontend#nextjs#material#ui#tailwind#cssmpt
Next.js Material UI Tailwind Cssmpt
Cursor rules for Next.js development with Material UI and Tailwind CSS integration.
Use it with Cursor, or export as AGENTS.md / CLAUDE.md for other AI coding agents — pick a format below.
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"
}How to use: save the file at your project root (e.g.
.cursorrules or AGENTS.md) and your AI editor picks it up automatically.Related rules
Frontend→
Next.js
Next.js with TypeScript and Tailwind UI best practices
#nextjs
Frontend→
Next.js App Router
Cursor rules for Next.js development with App Router integration.
#nextjs#app#router
Frontend→
Next.js React Tailwind
Cursor rules for Next.js development with React and Tailwind CSS integration.
#nextjs#react#tailwind