Frontend#htmx#django
Htmx Django
Cursor rules for HTMX development with Django integration.
Use it with Cursor, or export as AGENTS.md / CLAUDE.md for other AI coding agents — pick a format below.
// HTMX with Django .cursorrules
// HTMX and Django best practices
const htmxDjangoBestPractices = [
"Use Django's template system with HTMX attributes",
"Implement Django forms for form handling",
"Utilize Django's URL routing system",
"Use Django's class-based views for HTMX responses",
"Implement Django ORM for database operations",
"Utilize Django's middleware for request/response processing",
];
// Folder structure
const folderStructure = `
project_name/
app_name/
templates/
static/
css/
js/
models.py
views.py
urls.py
project_name/
settings.py
urls.py
manage.py
`;
// Additional instructions
const additionalInstructions = `
1. Use Django's template tags with HTMX attributes
2. Implement proper CSRF protection with Django's built-in features
3. Utilize Django's HttpResponse for HTMX-specific responses
4. Use Django's form validation for HTMX requests
5. Implement proper error handling and logging
6. Follow Django's best practices for project structure
7. Use Django's staticfiles app for managing static assets
`;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 Material UI Tailwind Cssmpt
Cursor rules for Next.js development with Material UI and Tailwind CSS integration.
#nextjs#material#ui#tailwind