Architecture

Introduction

TURBO represents Boost's latest Theme integration technology specifically engineered for Shopify Theme App Extensions. This powerful framework delivers app blocks and app embed blocks that seamlessly integrate with Shopify themes while providing full customization capabilities through our built-in Visual Editor and Code Editor.

Key Features

• Performance-First Architecture: Architected with speed optimization at its core, featuring built-in Server-Side-Rendering for optimal page load times and SEO benefits.
• Comprehensive Visual Styling: Gain pixel-perfect control over design elements through an intuitive Visual Editor interface.
• Advanced Customization: Leverage our Code Editor for sophisticated behavioral modifications and advanced functionality implementation.

Architectural components

TURBO deployment occurs automatically during the application onboarding flow, immediately following theme selection. To install on other themes, please reference this guide. The following sections outline TURBO's architectural components and their integration framework.

• App blocks & App embed blocks: TURBO is fully compatible with Theme App Extension providing robust template injection capabilities.
• Frontend library: loaded by rendered app blocks to handle app features
• Templates & Widget Hierarchy: Modular component system where widgets (customizable UI elements) can be composed hierarchically within templates, which are then attached to themes via app embeds
• Theme settings: All configurable options are stored in App-owned metafields that will later be read by app blocks.
• Dual Editing Environments: Feature-rich Visual Editor for design customization paired with an advanced Code Editor for behavioral logic modification

Loading diagram...

Compatible Shopify Themes

TURBO features optimized compatibility with a carefully curated selection of Shopify's most popular free and premium themes. Our pre-designed templates precisely match the visual language of these themes, ensuring seamless integration and consistent user experiences.

Free Themes

• Dawn - Shopify's flagship theme with a focus on minimalism and performance

Premium Themes

• Impulse - A versatile premium theme by Archetype Themes with bold imagery and modern layouts
• Warehouse - An industrial-inspired theme by Groupthought designed for large catalogs
• Symmetry - A highly customizable premium theme by Themify with balanced design elements
• Prestige - A luxury-focused theme by Maestrooo for high-end brand experiences
• Empire - A classic, sophisticated theme by Pixel Union with multiple style variations
• Expanse - A spacious, contemporary theme by Archetype Themes with excellent imagery support
• Focal - A photography and content-forward theme by Maestrooo
• Broadcast - A media-rich theme by Pixel Union with immersive storytelling capabilities

Each theme integration includes specially crafted templates that preserve the theme's distinctive aesthetic while incorporating TURBO's full feature set and performance optimizations.

What's next

• Rendering Pipeline: How TURBO processes templates and renders widgets in the browser