Htmx Flask

Cursor-Regel für HTMX in Flask-Projekten: Routen liefern Partial-Templates statt JSON.

Original-Beschreibung der Autoren: Cursor rules for HTMX development with Flask integration.

Die Regel

---
description: "Cursor rules for HTMX development with Flask integration."
globs: **/*
alwaysApply: false
---
// HTMX with Flask .cursorrules

// HTMX and Flask best practices

const htmxFlaskBestPractices = [
  "Use Flask's render_template for server-side rendering",
  "Implement Flask-WTF for form handling",
  "Utilize Flask's url_for for generating URLs",
  "Use Flask's jsonify for JSON responses",
  "Implement Flask-SQLAlchemy for database operations",
  "Utilize Flask's Blueprint for modular applications",
];

// Folder structure

const folderStructure = `
app/
  templates/
  static/
    css/
    js/
  models/
  routes/
  __init__.py
config.py
run.py
`;

// Additional instructions

const additionalInstructions = `
1. Use Jinja2 templating with HTMX attributes
2. Implement proper CSRF protection with Flask-WTF
3. Utilize Flask's request object for handling HTMX requests
4. Use Flask-Migrate for database migrations
5. Implement proper error handling and logging
6. Follow Flask's application factory pattern
7. Use environment variables for configuration
`;

So nutzt du sie

Die Regel kopieren (Button oben) oder als Datei herunterladen und im Projekt unter .cursor/rules/ ablegen — Cursor lädt sie beim nächsten Start automatisch. Ältere Cursor-Versionen lesen alternativ eine einzelne .cursorrules-Datei im Projektstamm; dort einfach den Regel-Text ohne den Kopfblock zwischen den ----Zeilen einfügen.

Der Regel-Text ist englisch — Cursor versteht ihn unabhängig von der Sprache, in der Sie mit dem Editor chatten.

Im Detail

Analog zur Django-Variante, aber für Flask: definiert, wie Flask-Routen Partial-HTML statt JSON zurückgeben, wie Jinja2-Templates für HTMX-Fragmente organisiert werden und wie hx-Attribute mit Flask-Blueprints zusammenspielen. Nützlich für schlanke Flask-Apps, die Interaktivität ohne komplettes Frontend-Framework wollen. Wer bereits eine REST-API mit Flask betreibt, sollte prüfen, ob HTMX hier überhaupt passt, bevor die Regel greift.

Praxis-Tipp

In Flask-Projekten aktivieren und z. B. „Baue eine HTMX-Pagination für die Artikel-Liste“ prompten — Cursor liefert dann eine Route, die nur das Partial-Template rendert.

Lizenz & Quelle

• Lizenz: CC0 1.0
• Quelle: PatrickJS/awesome-cursorrules (GitHub)

Lade …