Building a Website with XSite (End-to-End Guide)
This guide walks you through building a complete website using XSite, from understanding the mental model to publishing a live site. It is written for developers, builders, and technical teams who want structure without sacrificing flexibility.
What You Will Achieve
Section titled “What You Will Achieve”By the end of this guide, you will:
- Understand how XSite is structured internally
- Create pages using the visual builder
- Use reusable UI components correctly
- Connect content from Strapi
- Deploy a website using XSite hosting
This guide assumes basic familiarity with web concepts, but no prior experience with XSite.
Step 1: Understand the XSite Mental Model
Section titled “Step 1: Understand the XSite Mental Model”Before touching any UI, it’s critical to understand how XSite thinks about websites.
What XSite Is Not
Section titled “What XSite Is Not”- A free-form drag-and-drop editor
- A template-only website builder
- A WYSIWYG HTML editor
What XSite Is
Section titled “What XSite Is”- A component-driven system
- Backed by structured schemas
- Designed for scalable, multi-site setups
Core Concepts
Section titled “Core Concepts”| Concept | Meaning in XSite |
|---|---|
| Page | A container that holds components |
| Component | A reusable UI block (Hero, CTA, FAQ) |
| Dynamic Zone | An ordered list of components |
| Schema | Defines editable fields |
| Renderer | Maps data → UI |
Once you understand this, everything else becomes predictable.
- Read about how-to guides in the Diátaxis framework