Shop Builder

Multi-tenant SaaS платформа за изграждане на онлайн магазини. Търговец се регистрира, получава магазин на собствен поддомейн (или свързан личен домейн) и управлява всичко — каталог, тема, страници, навигация, поръчки, екип — от визуален админ панел, без код. Конструктор на страници в стил Elementor: ~40 секции, групирани (Оформление / Магазин / Основни / Медия / Съдържание / Разширени), контейнер „Колони“, който се разделя на 2–4 колони с различни елементи във всяка, редактор на тема с дизайн-токени и жива визуализация. Витрина с кошница, checkout (наложен платеж или карта през Stripe) и клиентски акаунти. Целият интерфейс — админ и витрина — е двуезичен, български по подразбиране.

README: Laravel 13, PHP 8.3, Inertia v3 + React 19 + TypeScript, Tailwind 4, MySQL, Pest 4; ~40 page-builder секции (Elementor-style) + контейнер „Колони“; системни страници (home/shop/cart/thankyou); Stripe Checkout + Cashier billing; BG/EN i18n; `composer test` (Pint + PHPStan ниво 9 + Pest, ~200 теста).

Problem / context

Малкият бизнес иска онлайн магазин без да наема разработчик и без да опира до бедни drag-and-drop конструктори. А мулти-наемната архитектура (един код, много магазини на поддомейни с изолирани данни) и page builder, който изглежда еднакво в редактора и на живо, са нетривиални за изграждане.

My role

Цялостно: мулти-наемна архитектура (`tenant_id` scoping през trait + глобален scope, резолюция на наемателя по заявка хост), Laravel 13 backend, Inertia v3 + React 19 + TypeScript админ панел, page builder с рекурсивни вложени блокове (контейнер „Колони“), Stripe за плащания на витрината и абонаменти на платформата (Cashier), пълна двуезичност (BG/EN), деплой на споделен cPanel/LiteSpeed хостинг с wildcard поддомейни.

Challenge

Един и същ набор от секции да се рендира идентично в редактора и на живата витрина; вложени блокове (колони в контейнер) с рекурсивна валидация и drag-and-drop; строга изолация на данните между магазините; отделен hostname с валиден сертификат за всеки магазин на споделен хостинг.

Approach / solution

Споделен section registry — една дефиниция захранва и editor canvas, и storefront. Вложените блокове са `Block.columns: Block[][]` с рекурсивни helper-и и React context за рендиране без излишни отстъпи. `BelongsToTenant` trait със скрити глобален scope; наемателят се вади от `$request->getHost()`. Wildcard поддомейн `*.shop.sasho-dev.com` + wildcard TLS, така че нов магазин работи веднага без ръчна настройка.