Vue 2 Visual Site Builder for Blogger + Custom XML Export
- Problem
- The workflow depended on one-off mockups and manual theme coding, which slowed delivery and made repeated deployments hard to scale.
- Outcome
- Delivered a repeatable design-to-deploy pipeline that let pages be assembled visually, previewed live, and exported as Blogger-ready XML templates for faster handoff and reuse.
- Role
- Frontend (Vue/JavaScript) in collaboration with designer
Details
A visual site builder co-created with a designer for assembling Blogger pages and exporting a deployable theme without hand-coding XML. Built with Vue 2, the admin experience includes panels for templates, layers, components, customizer, settings, media, and fonts, plus a live iframe preview with parent/child state sync. The build system uses a custom Gulp pipeline (no Webpack) for Vue SFC compilation, shared SCSS, conditional Blogger vs localhost blocks, Express + LiveReload, and export to Blogger-compatible XML.
Technologies
GulpExpressJSXMLVue.jsSCSS