datastar

Datastar is a lightweight hypermedia framework that combines backend-driven DOM updates with declarative frontend reactivity.

• docs: https://data-star.dev
• consolidated docs: https://data-star.dev/docs.md
• repository: https://github.com/starfederation/datastar
• browser bundle: bundles/datastar.js

workflow

1. inspect the project's backend language, framework, templates, installed Datastar SDK, pinned version, and whether Datastar Pro is licensed and loaded.
2. keep durable and authoritative state on the backend.
3. render semantic HTML on the backend.
4. use signals sparingly for ephemeral UI state and values sent to the backend.
5. trigger backend requests with @get, @post, @put, @patch, or @delete.
6. return HTML, JSON, JavaScript, or preferably Datastar SSE events; use the project's official SDK when available.
7. favor default morphing and coarse-grained “fat morphs” over manually coordinating small fragments.
8. preserve normal web behavior: links for navigation, forms where appropriate, semantic HTML, keyboard access, and ARIA.