🎨 Multi-Tenant Micro-Pages

Generic page rendering platform for multi-tenant Shopify stores

🏗️ Architecture

Tenant-Owned Pages

Each tenant has its own folder with custom Svelte page components.

Explicit Resolution

Manual component mapping via getTenantPage(). No magic, no filesystem scanning.

Shared Shopify

Centralized Shopify API proxy and cart utilities.

👥 Tenants & Pages

Confetex

confetex

https://confetex.myshopify.com/api/2024-01/graphql.json

Available Pages:

pantalon-hombresuper-ofertasize-chart

Domains: confetexdecolombia.com | Theme: #2563eb

Brand X

brandx

https://brandx.myshopify.com/api/2024-01/graphql.json

Available Pages:

jeans

Domains: brandx.com | Theme: #7c3aed

🔗 Example Routes

/landing/confetex/pantalon-hombre
/landing/confetex/super-oferta
/landing/confetex/size-chart
/landing/brandx/jeans

📁 Folder Structure

src/lib/tenants/
├── confetex/
│   ├── tenant.ts
│   └── pages/
│       ├── pantalon-hombre/page.svelte
│       ├── super-oferta/page.svelte
│       └── size-chart/page.svelte
├── brandx/
│   ├── tenant.ts
│   └── pages/
│       └── jeans/page.svelte
└── index.ts (resolver + registry)