Vue.js
Vue.js — JavaScript-фреймворк для створення інтерфейсів. Я використовую його в панелі клініки VetSpace, публічному сайті VetCard та адміністративних інтерфейсах, зокрема DigiSpace.
Різні інтерфейси зі спільними інструментами
- Панелі застосунків — форми, списки та робочі процеси для авторизованих користувачів.
- Публічні сайти — Vue-компоненти в Nuxt-сторінках із серверним рендерингом.
- Інтеграція з Laravel — Inertia поєднує серверні маршрути з Vue-сторінками без потреби в окремому публічному API для цих екранів.
Приклад сторінки клініки
VetCard потрібні і зрозуміла інформація про клініку, і інтерактивний запис на прийом. Nuxt відповідає за серверний рендеринг сторінки, а Vue — за взаємодію з користувачем. Так один сайт допомагає і прочитати про клініку, і вибрати час візиту.
Підтримка компонентів
Composition API допомагає групувати пов'язану логіку, а TypeScript — явно описувати параметри й результати. Я розділяю завантаження даних, спільну логіку та відображення там, де це робить код зрозумілішим. Вибір фреймворку все одно залежить від наявного проєкту й команди: різні інтерфейси можуть потребувати різної архітектури.
Проєкти на Vue.js
VetSpace
Двостороння ветеринарна платформа — SEO-каталог клінік та CRM для підписки з призначеннями та записами пацієнтів
VetCard
Мультитенантний каталог ветеринарних клінік: SEO-сторінки клінік, онлайн-запис на прийом, брендинг кожної клініки — один Nuxt-застосунок обслуговує всіх
DigiPulse
SaaS для моніторингу доступності: event-driven архітектура — Laravel (Octane, Reverb) і Filament диспетчеризують перевірки через Redis у легкий Go-воркер; MCP-сервер дає дані моніторингу AI-асистентам; сповіщення Telegram/email
DigiSpace
Мультимовний (EN/UK/PL) production-сайт агенції з кастомною CMS — Filament-панель з розширеним редактором контенту, переклади, JSON-LD і локалізовані sitemap із коробки, поруч зі старою адмінкою на Inertia + Vue