Building a Chat Conversation Component for Sanity Studio (iMessage-Style Bubbles)
Ever wanted to embed a conversation or chat screenshot in your blog post, but pasting an image felt too static? What if you could recreate chat bubbles—complete with sender names, timestamps, and multiple visual styles—as structured content?
That’s what I built for my Astro + Sanity blog. And thanks to the documentation system I built, it only took 90 minutes from concept to production.
Here’s how it works, what design decisions went into it, and the complete implementation guide.