🚀 Astro Partials + HTMX Demo
Explore the power of Astro's page partials combined with HTMX for dynamic, server-rendered content updates without full page reloads.
Simple Click Demo
Click the button below to load content from an Astro partial. The content is rendered on the server and injected into the page.
Click the button to load content here!
Interactive Counter
A server-side counter that maintains state between requests. Each click increments the counter on the server.
0
Counter Value
Todo List Demo
Coming soon! This demo will be available once D1 database integration is set up.
Requires database for persistent state management
Live Search
Search through a list of items with real-time server-side filtering. Results update as you type.
How It Works
Astro Partials
- • Page components that export
partial = true - • Located in
src/pages/directory - • Render as HTML fragments without full page structure
- • Perfect for dynamic content updates
HTMX Integration
- • Declarative HTML attributes for AJAX requests
- • No JavaScript framework needed
- • Server-side rendering with client-side updates
- • Progressive enhancement approach