The Engineering Challenge: Hyperefficient operations Traditional web agencies struggle with unscalable manual labor (server setup, DNS config, maintenance). My goal was to flip the unit economics to a SaaS model.
To achieve this, I engineered a platform that eliminates manual operations entirely. The system abstracts away the complexity of hosting, security, and deployment, treating infrastructure as a fully automated code pipeline.
Distributed System Architecture I designed the ecosystem as four specialized applications communicating via secure Machine-to-Machine (M2M) protocols:
The CRM & Portal: Specialized interfaces for sales pipeline and client self-service, handling complex onboarding workflows, requests from the customer, and much more.
The Editor: An internal visual tool that leverages AI for select aspects of website creation and understanding client needs. Includes a full website editor with live preview environment, version control, and more.
The Orchestrator: An internal tool acting as the bridge between application logic and physical infrastructure. Manages domains, deployment, email and more.
The Builder: A stateless service that performs Metaprogramming: it receives data from the Editor, programmatically generates valid SvelteKit source code, builds static artifacts, and pushes them to the hosting layer.
Automated Deployment Pipeline The pipeline is the system's technical core. When a site is approved, it triggers an event-driven sequence:
1. Domain Logistics: Checks availability via Registrar APIs, registers domains, and programmatically configures DNS zones.
2. Security & Routing: Provisions SSL certificates via ACME protocols and configures routing rules on a Global Edge CDN.
3. Global Propagation: The entire process takes minutes and requires zero human intervention, replacing multi-step manual workflows.
Key Engineering Challenges Solved Distributed State Reconciliation: Infrastructure provisioning involves long-running, asynchronous dependencies across multiple third-party providers. I engineered a persistent state machine that orchestrates these non-deterministic lifecycles, ensuring atomic success across domain registration, CDN propagation, and security provisioning without manual oversight.
Multi-Tenant Isolation: Designed a strict architecture that isolates data by international market and CRM entities, ensuring zero data leakage between tenants sharing the same codebase.
Website editor: Building a visual website editor with real-time preview, design features, version control, and AI features required deep integration between front-end SvelteKit components and back-end services.
