If you’ve built anything serious with Site Studio, you’ve probably hit this wall:
We’ve been there.
In a recent multi-brand DXP rollout, our Site Studio setup started collapsing under its own weight. The problem wasn’t in the components; it was in how they were being packaged, reused, and governed.
So we built a Site Studio Package Management Framework, a systematic approach to keep configuration lean, clean, and scalable. This blog walks through that use case and what we learned solving the exact problem you might be wrestling with today.
Site Studio promises agility. It gives marketers control and accelerates layout creation. But it comes with an often-overlooked cost: configuration fragility.
Here’s what broke for us as we scaled:
These issues weren’t about development quality; they were about governance gaps.
Site Studio didn’t break because it’s weak. It broke because we were asking it to scale without a system.
The platform in question supported multiple branded microsites, each with its own style guide, layout rules, and editorial workflows. The client expected to:
But Site Studio’s default export/import flow wasn’t designed for that. There was no versioning system, no guardrails for duplication, and no structure for organizing the growing library of layout components and styles.
We realized that without a repeatable packaging model, Site Studio would become the bottleneck.
So the Axelerant team built one.
To bring order and predictability to Site Studio’s powerful but complex configuration system, we established a set of disciplined practices, each addressing a critical pain point from packaging to synchronization.
Why it matters: Site Studio allows developers to export any configuration into packages, but without structure, this leads to bloated, overlapping, and conflicting packages that are hard to maintain or debug.
What we implemented: We enforced a strict policy: every package must represent a single configuration category, not a feature or page.
Examples:
pack_master_templates: For all master layout templatespack_hero_components: For hero-specific layout and style configurationpack_custom_styles: For global style definitions and design tokenspack_website_settings: For Site Studio settings like breakpoints or responsive rulespack_component_categories: For defining and managing reusable component typesResult: This structure created predictable configuration boundaries, helped identify ownership across teams, and dramatically reduced cross-package conflicts during exports and imports.
Why it matters: Exporting through UI alone is error-prone. Site Studio often includes unnecessary dependencies that sneak into packages unless carefully reviewed.
What we implemented:
ddev drush sitestudio:package:export --package=pack_hero_components --path=../config/site_studio_sync/pack_hero_components
Result: Cleaner exports, fewer merge conflicts, and smaller, more manageable configuration diffs.
Why it matters: Site Studio doesn’t track dependencies across packages. Without a controlled import structure, missing configs or incorrect order can break deployments.
What we implemented: We created a unified site_studio.packages.yml file to declare all available packages and control their import order.
Then we ran:
ddev drush sitestudio:package:multi-import --path=config/site_studio_sync/site_studio.packages.yml
Result: We eliminated "works on local, fails on staging" issues and ensured consistent environment parity across dev, QA, and production.
Why it matters: Deleting configuration via code does not automatically remove it from Site Studio’s UI. This often leaves orphaned styles, components, or settings that continue to load, or worse, partially apply.
What we implemented:
Result: We avoided broken UIs caused by ghost configurations and created clarity in the deletion lifecycle until Site Studio provides native support.
Why it matters: Changing a shared component (e.g., a layout or a style) may affect multiple packages. Site Studio provides no built-in dependency tracking, so missing updates can cause functional drift.
What we implemented:
Result: Fewer broken builds during CI/CD, reduced QA rework, and better auditability of configuration changes across the team.
From our implementation journey, a few core lessons stood out, principles that transformed Site Studio from a rapid prototyping tool into a disciplined, enterprise-ready framework.
Site Studio empowers rapid UI development, but without structural discipline, it creates risk. Our packaging system brought DevOps rigor to a tool originally designed for speed.
Don’t treat Site Studio packages as throwaway exports. Treat them as building blocks of your platform’s architecture. Version them. Scope them. Document them.
The best component library in the world is useless if your layout breaks during deployment. Package governance isn’t just about structure; it’s about protecting delivery velocity.
Once we rolled out this framework, we were able to scale across microsites, teams, and QA environments without friction. That kind of repeatability is what makes Site Studio sustainable at enterprise scale.
Most teams using Site Studio focus on design systems and layout strategies. Few talk about governance at the config level.
But that’s where enterprise complexity creeps in, and where failure usually starts.
This framework won’t just make your exports cleaner. It will make your entire Site Studio experience predictable, portable, and production-grade.
If you’re working on or struggling with a growing Site Studio setup, this playbook can help you stabilize before scale breaks your velocity.
Want to implement this for your team? Let’s share notes.
Let’s turn low-code into high-performance.