Core Concepts
Understanding these core concepts will help you build more effective Weaverse themes and make the most of the platform’s capabilities.Architecture Overview
Weaverse combines the power of Shopify Hydrogen with an intuitive visual page builder:- Components: Reusable UI elements with configurable properties
- Sections: Page-level building blocks composed of components
- Pages: Collections of sections that form complete experiences
- Themes: Complete storefronts with predefined components and styling
Key Concepts
How Weaverse Works
Learn about the visual builder integration with Hydrogen and the development workflow.Project Structure
Understand how Weaverse projects are organized and where different files live.Development Workflow
- Build Components: Create React components with Weaverse schemas
- Define Sections: Compose components into meaningful page sections
- Configure Inputs: Add settings that merchants can customize
- Test Visually: Use Weaverse Studio to test the editing experience
- Deploy: Ship your theme for merchant use
Next Steps
- For Developers: Continue to Development Guide
- For Integration: See v5 Migration Guide
- For Advanced Usage: Explore API Reference