Talk to Your Datastar Chat: Voice Input with the Web Speech API
Extending the Datastar chat widget with the browser's native SpeechRecognition API — no new backend, no transcription service, just one more way to fill the same signal.
Datastar
10 posts
Run the Whole Stack Locally: Datastar + Astro + Ollama, No Cloud Bill
Take the Astro + Datastar + Vercel AI SDK stack from this series and run it entirely on your own machine with Ollama — no API key, no per-token cost, no data leaving your laptop. It's a one-import change.
Streaming Structured Output into a Datastar UI (a Card That Fills Itself In)
Stream typed, structured data from the Vercel AI SDK and watch a card build itself field by field in a Datastar UI — using streamText with output, the v6 replacement for streamObject. No React.
Giving Your Datastar Chat Real Tools with the Vercel AI SDK v6 Agent
Turn the streaming chat widget into an agent that calls tools — and stream the tool-call status live into the conversation. Astro, Datastar, and the AI SDK v6 ToolLoopAgent, no React.
Build a Streaming AI Chat Widget with Astro, Datastar, and the Vercel AI SDK
A full multi-turn chat widget with live token streaming — where the server owns the conversation and the DOM is just the view. No React, no useChat, no client framework.
Add an AI "Summarize This Page" Button to Any Astro Site with Datastar
A small, genuinely useful build: a button that streams an AI summary of the current page into a panel, using Astro, Datastar, and the Vercel AI SDK — no React, no client framework.
Streaming LLM Responses into a Datastar UI with the Vercel AI SDK
The Vercel AI SDK's useChat only ships React, Vue, and Svelte bindings. Here's the small, reusable pattern for streaming AI tokens into a plain Datastar UI instead — no framework required
Building AI Apps with Astro, Datastar & the Vercel AI SDK (a 6-Part Series)
The Vercel AI SDK's useChat only ships React, Vue, and Svelte bindings. This six-part series builds real AI apps — chat, agents, structured output, local models — with no client framework at all, using Astro, Datastar, and one small streaming pattern
Building a Streaming URL Summarizer with Astro, Datastar, and the Vercel AI SDK
How I wired up a tiny TLDR tool that takes a URL, extracts the article, and streams a Markdown summary back to the browser in real time — using Astro SSR, Datastar for reactivity, and the Vercel AI SDK for the model call.
Why I’m migrating from HTMX + Alpine to Datastar
I've been a big fan of HTMX + Alpine for a long time, the combination just lets you create powerful reactive web apps, but recently I've made the decision to move from HTMX + Alpine to Datastar for various reasons and the result means a better experience for users.