🧭 Datastar + Leaflet Demo

The Datastar-powered Map shows how you can build interactive, data-driven maps in Craft CMS — without relying on any JavaScript framework. Using Datastar, the map dynamically updates markers, filters, and clusters based on live CMS data — all rendered directly in Twig.

⚡ Reactive without React

Every interaction — like filtering by category or selecting an item from the list — triggers a lightweight Datastar patch request that updates only what’s needed. No reloads, no heavy frontend stack — just instant feedback.

🗺️ Powered by Leaflet.js

Leaflet handles map rendering while Datastar manages reactivity. The result is a setup that stays fast, accessible, and fully server-rendered.

🎯 Perfect for:

directories • location listings • event maps • or any project using dynamic geodata — all without leaving the comfort of Craft + Twig.

✨ In short: a modern, dynamic map experience — built purely with Craft CMS, Leaflet, and Datastar.