All databases

Cursor rule

Nextjs Material Ui Tailwind Css Cursorrules Prompt

Cursor rules for Next.js development with Material UI and Tailwind CSS integration.

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"
}

More Frontend rules

Frequently asked questions

What is the Nextjs Material Ui Tailwind Css Cursorrules Prompt Cursor rule?

Cursor rules for Next.js development with Material UI and Tailwind CSS integration. It is a Frontend rule covering Next.js, Tailwind, stored as nextjs-material-ui-tailwind-css-cursorrules-prompt.mdc.

How do I use the Nextjs Material Ui Tailwind Css Cursorrules Prompt rule in Cursor?

Copy the rule from this page and save it as nextjs-material-ui-tailwind-css-cursorrules-prompt.mdc in your project's .cursor/rules folder, or paste it into Cursor's project rules settings.