Htmx Basic
Cursor rules for HTMX development with basic setup.
Awesome CursorRulesv10 stars · 0 forks · 0 makes≈204 tokens
// HTMX Basic Setup .cursorrules
// HTMX best practices
const htmxBestPractices = [ "Use hx-get for GET requests", "Implement hx-post for POST requests", "Utilize hx-trigger for custom events", "Use hx-swap to control how content is swapped", "Implement hx-target to specify where to swap content", "Utilize hx-indicator for loading indicators", ];
// Folder structure
const folderStructure = src/ templates/ static/ css/ js/ app.py;
// Additional instructions
const additionalInstructions = `
- Use semantic HTML5 elements
- Implement proper CSRF protection
- Utilize HTMX extensions when needed
- Use hx-boost for full page navigation
- Implement proper error handling
- Follow progressive enhancement principles
- Use server-side templating (e.g., Jinja2, Handlebars) `;