Datastar – The hypermedia framework.

Derek Reynolds shows us some of the impressive Datastar demos and Rocket components he has built.

Derek Reynolds: https://perfectdays.dev/
Essays and notes: https://yagni.club/
Dbugs: https://dbugs.yagni.club/
Kanbananza: https://kanbananza.yagni.club/
hypersheets: https://hypersheets.yagni.club/
largediff: https://largediff.yagni.club/
Datastar markdown docs: https://data-star.dev/docs.md
Chrome DevTools for agents: https://github.com/ChromeDevTools/chrome-devtools-mcp

An edited version of the conference talk presented by Ben Croker on September 24, 2025 at Dot All 2025 (the Craft CMS conference) in Lisbon, Portugal.
Session page with original video: https://craftcms.com/events/dot-all-2025/sessions/real-time-collaboration-with-sprig-and-datastar
Note that the Datastar syntax used has since changed:
- data-bind-mysignal → data-bind:mysignal
- data-on-click → data-on:click
- data-on-load → data-init
Datastar reference: https://data-star.dev/reference/attributes

An overview of Datastar Core → Datastar → Rocket
Rocket docs: https://data-star.dev/reference/rocket
Rocket globe example: https://data-star.dev/examples/rocket_globe

Rocket reaches escape velocity, breaking free of Pro. Stardust takes the stage for the first time.

Rocket docs: https://data-star.dev/reference/rocket
Stardust: https://www.stardustdb.com/

Datastar 1.0.3 fixes some minor bugs and adds CSP mode.
Release notes: ⁠https://github.com/starfederation/datastar/releases/tag/v1.0.3
CSP mode: https://data-star.dev/reference/security#csp-mode