Перейти до вмісту

Сайт ​

Чернетку зроблено; працює на машині розробника · 1 жовтня 2026. Одна сторінка трьома мовами. Не розгорнуто, домен не обрано. Його продажні тексти засновник ще не перевіряв.

Сайт — маркетинговий: те, що власник магазину читає, перш ніж вирішити спробувати Store Deputy. Це не те саме, що ця документація, яка призначена для команди, і ні на що тут він не посилається.

Що є сьогодні ​

  • Одна сторінка, побудована, щоб продавати. У тому порядку, в якому вирішує покупець: що це, демо, яку рутину він бере на себе, з чого почати, у кого лишається контроль, звичайні запитання й де приєднатися.
  • Статус, який бачить покупець. Значок на першому екрані каже, що продукт у розробці. Кроки встановлення закінчуються тим, як справи стоять насправді, а перше запитання у списку — «Чи можна користуватися вже сьогодні?» — з відповіддю «Ще ні».
  • Сценарне демо. Чотири повсякденні завдання програються у зразковій адмінці на тестових даних. Поле повідомлення відповідає, що це сценарний попередній перегляд без підключеного магазину.
  • Один заклик до дії. «Отримати ранній доступ» веде на реєстрацію в застосунку, коли застосунок має адресу. Продакшн-збірка такої адреси не має, і там кожен заклик веде до блоку, де сказано, що ранній доступ ще не відкрито.
  • Списку очікування немає. Сайт нічого не збирає: форми немає, бо зібране нікуди надсилати.
  • Три мови. Англійська в корені, українська під /uk, російська під /ru. Мову визначає адреса.
  • Ні акаунтів, ні звернень до API. Сайт нічого не зберігає про відвідувача й ніколи не звертається до API.
  • Локальний порт. 4148 на машині розробника. Команда, яка запускає все локальне середовище, запускає й сайт.

Лендинг, яким відкривається цей сайт документації, — внутрішнє концепт-демо. Це вже не та сама сторінка, що сайт, і з ним вона не синхронізується.

Як його влаштовано ​

website/slices/
  setup/
    theme/    Tailwind із токенами дизайну та локальні шрифти
    i18n/     три мови
    link/     адреса застосунку
  common/
    action/   спільний заклик до дії для всіх секцій
    shell/    рамка сторінки: шапка, перемикач мови, підвал
  marketing/
    home/     секції головної сторінки й сценарне демо

Кожен слайс — шар Nuxt, який підхоплюється автоматично, як у застосунку. Сама сторінка тонка: вона відображає один компонент-провайдер, який збирає секції. Демо має власний провайдер: він програє обраний сценарій від початку до кінця й скасовує відкладені кроки, коли відвідувач перемикає сценарій або запускає його знову. Кожна фраза, яку читає відвідувач, лежить у файлах перекладів слайса.

Сайт можна зібрати у звичайні файли — по сторінці на мову — і віддавати з будь-якого статичного хостингу.

Що каже CleanSlice ​

CleanSlice описує три частини — api/, app/ та необов'язкову admin/. Маркетинговий сайт він не описує. Сайт побудовано на Nuxt, тому правила Nuxt застосовано так само, як у застосунку: увесь код у слайсах, кожен слайс — шар Nuxt, службові слайси першими, провайдер у кожній групі компонентів.

Де чернетка відрізняється і чому:

CleanSliceТутЧому
Службові слайси для стану, клієнта API та обробки помилокЖодного з трьохСайт не тримає спільного стану й не звертається до API
Компоненти інтерфейсу з shadcn-vueЛише класи TailwindНа сторінці кнопки й вбудовані розкривні блоки, власних форм, меню чи таблиць немає
Два плани, узгоджені до будь-якого кодуЗроблено одразу як чернеткуЗасновник попросив швидку чернетку, а потім більш продажну, 1 жовтня 2026 року; її огляд ще відкритий

У сусідньому репозиторії Agentfy публічний сайт побудовано так само — Nuxt, слайси в групах setup, common і marketing. Цей приклад і взято за зразок.

Що вирішити далі ​

  • Тексти. Заголовок, рутину, зобов'язання щодо контролю та відповіді написано за один прохід. Кожне твердження описує, як продукт будується; засновник їх не підтверджував.
  • Куди йдуть заявки на ранній доступ. Сьогодні єдиний справжній крок — реєстрація в застосунку. Списку очікування потрібне місце для зберігання адрес і рішення, хто їх читає.
  • Ціна. На сторінці сказано, що ціни не оголошено. Див. Бізнес-модель.
  • Версії OpenCart. На сторінці сказано: OpenCart 3, починаючи з 3.0.3.5, далі заплановано OpenCart 4. Зроблено лише першу половину.
  • Домен, назва й хостинг. Перетин із Deputy.com треба перевірити до купівлі домену; див. Назва. Хостинг не обрано.
  • Настанова з дизайну. Сайт використовує прийняті кольори, шрифти й форми, але власний порядок секцій. Настанова й досі описує попередню композицію лендингу.