Microtalk: Building a Theme Engine w/ Ruby Mustache

on YouTube ↗11m

" summary

VHX ships a theme engine that renders the same Mustache templates on both server and client so sites load pre-rendered HTML for SEO while the editor performs instant updates by sending key/value changes into an iframe and re-rendering with JavaScript Mustache — the demo shows this live preview working via postMessage live preview and browser re-rendering. The system supports master/child themes, published vs draft versions with undo/rollback, server-side caching, and a planned offline dev pack using Ruby Mustache and client Mustache.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 0:35Background
3. 1:19Samples
4. 1:51Product Goals
5. 2:38Engineering Goals
6. 3:18First Goal
7. 4:18Mustache
8. 5:04JavaScript
9. 7:20Architecture
10. 7:54Templates
11. 8:24Final merged object

" related talks

• 30mMustache in the Front, Mustache in the BackPatrick Ewing · RubyConf 2010
• 37mHTMX: Frontend RevolutionThomas Güttler · DjangoCon US 2021
• 49mBring back the joy in web development with HTMX and Hypermedia-Driven ApplicationsFrederik Hahne · Spring I/O 2025
• 48mClientside templates for reactive UITim Oxley · Web Directions Code 2012
• 26mReimagining dynamic web apps with HTMXDennis Ivy · Commit Your Code 2024
• 41mRapid server side full stack web development with ViewComponents and htmxThomas Schuehly · Spring I/O 2023
• 22mJSConf 2015 Andrew RotaAndrew Rota · JSConf US 2015
• 32mWhere did the OO go? Views Should be Objects Too!Andrew Warner · RailsConf 2014