HTMX Basic

1// HTMX Basic Setup .cursorrules
2 
3// HTMX best practices
4 
5const htmxBestPractices = [
6  "Use hx-get for GET requests",
7  "Implement hx-post for POST requests",
8  "Utilize hx-trigger for custom events",
9  "Use hx-swap to control how content is swapped",
10  "Implement hx-target to specify where to swap content",
11  "Utilize hx-indicator for loading indicators",
12];
13 
14// Folder structure
15 
16const folderStructure = `
17src/
18  templates/
19  static/
20    css/
21    js/
22  app.py
23`;
24 
25// Additional instructions
26 
27const additionalInstructions = `
281. Use semantic HTML5 elements
292. Implement proper CSRF protection
303. Utilize HTMX extensions when needed
314. Use hx-boost for full page navigation
325. Implement proper error handling
336. Follow progressive enhancement principles
347. Use server-side templating (e.g., Jinja2, Handlebars)
35`;
36 
37