htmx basic

htmx basic

Cursor rules for HTMX development with basic setup.

cursor **/*

المهارة نفسها 

// 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 = `
1. Use semantic HTML5 elements
2. Implement proper CSRF protection
3. Utilize HTMX extensions when needed
4. Use hx-boost for full page navigation
5. Implement proper error handling
6. Follow progressive enhancement principles
7. Use server-side templating (e.g., Jinja2, Handlebars)
`;

كيف تثبتها 

1. Open the tool and start a new conversation, project or template.
2. Paste the text below wherever the tool keeps standing instructions
   — usually called system prompt, instructions, or persona.
3. Save it so it applies to every run rather than a single message.

هل نجحت معك؟

من أين جاءت

PatrickJS and contributors CC0-1.0 الأصل

and Related Rights in the Work and the meaning and intended legal

هل نعد هذه الزيارة؟

هذا الموقع لا يحمل أي خدمة تحليلات ولا أي إعلان ولا أي خط من الخارج. نود أن نعدك مرة واحدة في اليوم، لنعرف إن كان أحد يقرأ هذا أصلا. بمفتاح باتجاه واحد يتلف بعد يومين، ويبقى مطفأ ما لم تقل نعم. ما الذي نحتفظ به