[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"projects-page-uk":3,"projects-uk":27,"technology-slugs-uk":227},{"id":4,"title":5,"body":6,"description":7,"extension":8,"links":9,"meta":21,"navigation":22,"path":23,"seo":24,"stem":25,"__hash__":26},"pages_uk\u002Fuk\u002Fprojects.yml","Створення продуктів, запуск ідей.",null,"Я створив реальні продукти від порожнього репозиторію до платних користувачів. Ось проекти, якими я пишаюсь, що демонструють мій процес від концепції до готових рішень.","yml",[10,16],{"label":11,"to":12,"color":13,"icon":14,"target":15},"Обговорити проект","https:\u002F\u002Ft.me\u002FYuriiMokryi","primary","i-simple-icons-telegram","_blank",{"label":17,"to":18,"color":19,"icon":20},"Написати email","mailto:admin@digispace.pro","neutral","i-heroicons-envelope",{},true,"\u002Fuk\u002Fprojects",{"title":5,"description":7},"uk\u002Fprojects","3QkemUfvt5_BgF4mJ1NbZcc9sqzUf63SNhs2_o-YkFQ",[28,73,110,133,165,194],{"id":29,"title":30,"content":31,"date":32,"description":33,"extension":8,"featured":22,"image":34,"links":35,"meta":44,"stack":45,"stem":67,"tags":68,"url":38,"__hash__":72},"projects_uk\u002Fuk\u002Fprojects\u002Fdigipulse.yml","DigiPulse","SaaS для моніторингу доступності — перевірки кожні 60 секунд, відстеження закінчення SSL, сповіщення через Telegram та email. Адмін панель та основний бекенд побудовані з Laravel (Octane, Reverb websockets) та Filament, а моніторинг-движок — окремий Go сервіс. Інтеграція Google OAuth sign-in та Cloudflare Turnstile. Включає MCP сервер, який надає дані моніторингу безпосередньо до AI асистентів. Self-hosted на Proxmox.\n\n## Ключові можливості\n\n- **Окремий Go-движок** - перевірки доступності виконує окремий Go-сервіс, тож постійний поллінг кожні 60 секунд не гальмує Laravel-застосунок\n- **Дашборд у реальному часі** - Reverb websockets передають зміни статусу в UI наживо, без ручного оновлення\n- **Octane + Filament** - резидентний у пам'яті Laravel із повною адмін-панеллю для моніторів, контактів і правил сповіщень\n- **MCP-сервер** - монітори та інциденти доступні для AI-асистентів (Claude, Cursor) через Model Context Protocol\n- **Google OAuth + Turnstile** - вхід без пароля та захист від ботів на публічних формах\n- **Self-hosted** - розгорнуто на власному Proxmox-хомлабі, який я адмініструю повністю\n\n## Стек технологій\n\n- **Бекенд**: Laravel (Octane, Reverb websockets)\n- **Адмін-панель**: Filament\n- **Движок моніторингу**: Go (окремий сервіс)\n- **База даних**: PostgreSQL\n- **Інтеграція AI**: MCP-сервер\n- **Інфраструктура**: Self-hosted на Proxmox\n","2026-04-17","SaaS для моніторингу доступності: event-driven архітектура — Laravel (Octane, Reverb) і Filament диспетчеризують перевірки через Redis у легкий Go-воркер; MCP-сервер дає дані моніторингу AI-асистентам; сповіщення Telegram\u002Femail","\u002Fhero\u002Fdigipulse.avif",[36,40],{"label":37,"to":38,"color":13,"icon":39},"Live Demo","https:\u002F\u002Fdigipulse.cloud","i-heroicons-arrow-top-right-on-square",{"label":41,"to":42,"color":19,"icon":43},"GitHub","https:\u002F\u002Fgithub.com\u002FYurij2015\u002Fdigipulse-backend","i-simple-icons-github",{},[46,49,52,55,58,61,64],{"name":47,"icon":48},"Laravel","i-simple-icons-laravel",{"name":50,"icon":51},"Filament","i-simple-icons-filament",{"name":53,"icon":54},"Go","i-simple-icons-go",{"name":56,"icon":57},"PostgreSQL","i-simple-icons-postgresql",{"name":59,"icon":60},"Redis","i-simple-icons-redis",{"name":62,"icon":63},"Vue","i-simple-icons-vuedotjs",{"name":65,"icon":66},"MCP","i-heroicons-cpu-chip","uk\u002Fprojects\u002Fdigipulse",[69,47,53,70,65,59,71],"SaaS","Monitoring","Event-driven","jNmJS9kMabUQ04ggukPIRPMSLui7xNAbE9Nsuuw99ag",{"id":74,"title":75,"content":76,"date":77,"description":78,"extension":8,"featured":22,"image":79,"links":80,"meta":85,"stack":86,"stem":105,"tags":106,"url":82,"__hash__":109},"projects_uk\u002Fuk\u002Fprojects\u002Fdigispace.yml","DigiSpace","Production-сайт digispace.pro — публічний сайт агенції, адмін-панель та кастомна CMS в одному застосунку Laravel, тепер повністю мультимовний (EN\u002FUK\u002FPL), з Filament-панеллю поруч зі старою адмінкою на Inertia + Vue. Той самий код, що працює на живому сайті, доступний на GitHub.\n\n## Ключові можливості\n\n- **Адмін-панель на Filament** - паралельна панель `\u002Fcontrol` (24 ресурси) з TipTap-редактором, заливкою зображень напряму в MinIO та контент-орієнтованою навігацією, впроваджена ресурс за ресурсом поруч з існуючою Inertia-адмінкою\n- **Мультимовність за задумом** - перекладаються не лише сторінки, а й структурні UI-рядки (меню, футер, кнопки) для кожної локалі, з hreflang-маршрутизацією\n- **SEO з коробки** - структуровані дані JSON-LD, локалізовані sitemap та коректна обробка 404 для кожної локалі\n- **Моноліт як треба** - публічний сайт і обидві адмінки в одному застосунку Laravel, без окремого API\n- **Самостійний контент** - сторінки, послуги й кейси редагуються в CMS — без деплою заради зміни тексту чи перекладу\n- **Брама якості** - PHPUnit-тести та статичний аналіз PHPStan у CI\n- **Відкритий код** - саме той код, що обслуговує digispace.pro, публічний на GitHub\n\n## Стек технологій\n\n- **Бекенд**: Laravel\n- **Адмінка**: Filament 5 (`\u002Fcontrol`) + стара адмінка на Inertia.js + Vue\n- **Фронтенд**: Vue.js, Vite\n- **Локалізація**: переклади контенту й структури EN\u002FUK\u002FPL\n- **Архітектура**: Кастомна CMS\n","2022-10-05","Мультимовний (EN\u002FUK\u002FPL) production-сайт агенції з кастомною CMS — Filament-панель з розширеним редактором контенту, переклади, JSON-LD і локалізовані sitemap із коробки, поруч зі старою адмінкою на Inertia + Vue","\u002Fhero\u002Fdigispace.avif",[81,83],{"label":37,"to":82,"color":13,"icon":39},"https:\u002F\u002Fdigispace.pro",{"label":41,"to":84,"color":19,"icon":43},"https:\u002F\u002Fgithub.com\u002FYurij2015\u002FDigiSpace",{},[87,88,91,92,95,98,101,102],{"name":47,"icon":48},{"name":89,"icon":90},"Inertia","i-simple-icons-inertia",{"name":62,"icon":63},{"name":93,"icon":94},"Vite","i-simple-icons-vite",{"name":96,"icon":97},"MySQL","i-simple-icons-mysql",{"name":99,"icon":100},"Tailwind CSS","i-simple-icons-tailwindcss",{"name":50,"icon":51},{"name":103,"icon":104},"CMS","i-heroicons-document-text","uk\u002Fprojects\u002Fdigispace",[47,50,89,62,107,108],"i18n","SEO","6eh_R4Py3nOuDZ26oLWb7x2WWp4iSV66uJrBh_MkX_U",{"id":111,"title":112,"content":113,"date":114,"description":115,"extension":8,"featured":22,"image":116,"links":117,"meta":120,"stack":121,"stem":129,"tags":130,"url":119,"__hash__":132},"projects_uk\u002Fuk\u002Fprojects\u002Fdigispace-studio.yml","DigiSpace Studio","Маркетинговий сайт DigiSpace Studio — спеціалізованої веб-студії для ветеринарних клінік та pet-брендів. Побудований на WordPress із темою Blocksy та Stackable\u002FGutenberg-блоками, дочірньою темою для кастомізації, блогом та захопленням лідів через контактні форми.\n\n## Ключові особливості\n\n- **Нішеве позиціювання** — сайт говорить безпосередньо з ветклініками та pet-брендами, а не про \"агенцію для всіх\"\n- **Блочне редагування** — блоки Stackable та Ultimate Gutenberg дозволяють будувати нові лендінги без коду\n- **Дочірня тема** — кастомізації живуть у Blocksy child theme, тож оновлення теми не зносять дизайн\n- **Блог + захоплення лідів** — контент-маркетинг для SEO з Contact Form 7 для запитів\n","2024-06-27","Маркетинговий сайт нішевої IT-студії для ветеринарних клінік та pet-брендів — WordPress із темою Blocksy та Gutenberg-блоками","\u002Fhero\u002Fdigispace-studio.avif",[118],{"label":37,"to":119,"color":13,"icon":39},"https:\u002F\u002Fdigispace.studio",{},[122,125,128],{"name":123,"icon":124},"WordPress","i-simple-icons-wordpress",{"name":126,"icon":127},"PHP","i-simple-icons-php",{"name":96,"icon":97},"uk\u002Fprojects\u002Fdigispace-studio",[123,131,108],"Маркетинг","2GtFMgPlDA3lLlnUwZgnGML3YSELOcakTh8GCpXadvU",{"id":134,"title":135,"content":136,"date":137,"description":138,"extension":8,"featured":22,"image":139,"links":140,"meta":144,"stack":145,"stem":159,"tags":160,"url":163,"__hash__":164},"projects_uk\u002Fuk\u002Fprojects\u002Fnetpostpanel.yml","NetPostPanel","Внутрішня AI-платформа для контент-операцій, яка перетворює дослідження теми на готовий контент: повний RAG-пайплайн (Google Custom Search + RSS → скрапінг → мультипровайдерна генерація → векторизація), плюс версіонований зовнішній API, що живить контент-процеси інших проєктів, зокрема блог-пайплайн DigiSpace.\n\n## Ключові можливості\n\n- **Зовнішній API** - версіонований `POST \u002Fapi\u002Fv1\u002Fgenerate` + `\u002Ftranslate` з ключами й лімітами на клієнта відкриває весь пайплайн для інших застосунків, синхронно або асинхронно з колбеками\n- **Auto Pilot** - щоденні заплановані запуски генерують контент з нових джерел натхнення чи власних тем без участі людини\n- **AI без прив'язки до провайдера** - Gemini та OpenAI за драйвер-абстракцією, тож зміна моделі — це конфіг, а не рефакторинг\n- **Семантичний пайплайн** - векторний пошук на Qdrant дедублікує й кластеризує новини ще до генерації\n- **Автономна агрегація** - авто-виявлення RSS-стрічок та Google Custom Search плюс скрапінг перетворюють тему на самопоповнюване джерело контенту\n- **Прозорі LLM-виклики** - кожна генерація трасується в Langfuse: токени, затримка, вартість\n- **Рольовий доступ** - ролі admin\u002Fcontent manager\u002Feditor, кожен запит обмежений власником, крім адміна\n\n## Стек технологій\n\n- **Бекенд**: Laravel, агенти `laravel\u002Fai`\n- **Фронтенд**: Inertia.js + Vue 3 (SPA Search & Creation, редактор TipTap)\n- **AI**: Мультипровайдерно (Gemini\u002FOpenAI) за драйвер-абстракцією\n- **Дослідження**: Google Custom Search + RSS-агрегація, скрапінг сторінок\n- **Векторна БД**: Qdrant для семантичного пошуку\n- **Обсервабельність**: Langfuse для LLM-трейсингу\n- **Черга**: Laravel Horizon\n- **Тести**: PHPUnit\u002FPest + Cypress E2E\n","2024-11-10","AI-платформа для контент-операцій — RAG-пайплайн (дослідження → скрапінг → генерація → векторизація), зовнішній API для інших застосунків, та Auto Pilot для генерації без участі людини","\u002Fhero\u002Fnetpostpanel.avif",[141],{"label":142,"to":143,"color":19,"icon":43},"Огляд проєкту","https:\u002F\u002Fgithub.com\u002FYurij2015\u002Fnet-post-panel-overview",{},[146,147,150,153,156],{"name":47,"icon":48},{"name":148,"icon":149},"AI","i-heroicons-sparkles",{"name":151,"icon":152},"Qdrant","i-simple-icons-qdrant",{"name":154,"icon":155},"Langfuse","i-heroicons-chart-bar",{"name":157,"icon":158},"Horizon","i-simple-icons-laravelhorizon","uk\u002Fprojects\u002Fnetpostpanel",[148,47,161,162,151,157],"RAG","External API","https:\u002F\u002Fnet-post-panel.digispace.pro","aFH5L_k5kJI95DcFyQpS2By5vB1-qCqdu32coHU9QL8",{"id":166,"title":167,"content":168,"date":169,"description":170,"extension":8,"featured":22,"image":171,"links":172,"meta":177,"stack":178,"stem":189,"tags":190,"url":174,"__hash__":193},"projects_uk\u002Fuk\u002Fprojects\u002Fvetcard.yml","VetCard","Публічна частина VetSpace — мультитенантний каталог ветеринарних клінік. Один Nuxt SSR-деплой обслуговує всі клініки: SEO-сторінки клінік, онлайн-запис на прийом з проксуванням до tenant-бекенду кожної клініки, темізація під бренд клініки та підтримка філій.\n\n## Ключові особливості\n\n- **Один деплой — багато клінік** — застосунок маршрутизує за slug клініки; запити на запис і слоти проксуються до власного tenant-бекенду кожної клініки\n- **SEO-first каталог** — 590+ клінік з SSR-сторінками, структурованими даними та локалізованими маршрутами\n- **Брендинг кожної клініки** — сторінка клініки темізується її кольором, з бейджем \"Powered by VetSpace\"\n- **Реальний UX запису** — вільні слоти показують кількість вільних лікарів із кольоровим кодуванням дефіциту\n- **Повна локалізація** — українська, англійська та польська з prefix-маршрутизацією\n\n## Технології\n\n- **Фронтенд**: Nuxt 4 \u002F Vue 3, Tailwind CSS v4\n- **Бекенд**: Laravel catalog API + tenant-ендпоінти для запису\n- **Рендеринг**: SSR для SEO-сторінок, CSR для флоу запису\n- **Тестування**: Vitest юніт-тести + Cypress E2E проти реального бекенду\n","2026-09-20","Мультитенантний каталог ветеринарних клінік: SEO-сторінки клінік, онлайн-запис на прийом, брендинг кожної клініки — один Nuxt-застосунок обслуговує всіх","\u002Fhero\u002Fvetcard.avif",[173,175],{"label":37,"to":174,"color":13,"icon":39},"https:\u002F\u002Fvetcard.pro",{"label":142,"to":176,"color":19,"icon":43},"https:\u002F\u002Fgithub.com\u002FYurij2015\u002Fvetspace-vetcard",{},[179,182,183,186,187],{"name":180,"icon":181},"Nuxt","i-simple-icons-nuxtdotjs",{"name":62,"icon":63},{"name":184,"icon":185},"TypeScript","i-simple-icons-typescript",{"name":99,"icon":100},{"name":188,"icon":48},"Laravel API","uk\u002Fprojects\u002Fvetcard",[180,62,191,108,192],"Multi-tenant","SSR","RHyDtiD49495RNKUgIdwAcH8oiwELVMSL6Ik4JsT6H4",{"id":195,"title":196,"content":197,"date":198,"description":199,"extension":8,"featured":22,"image":200,"links":201,"meta":212,"stack":213,"stem":224,"tags":225,"url":203,"__hash__":226},"projects_uk\u002Fuk\u002Fprojects\u002Fvetspace.yml","VetSpace","Двостороння ветеринарна платформа — SEO-каталог клінік та CRM для підписки з призначеннями та записами пацієнтів. Публічний каталог клінік, побудований для SEO-first набуття клієнтів, та підписка на основі CRM (призначення, візити, записи пацієнтів) як окремі Vue\u002FNuxt додатки над одним Laravel API. Архітектура database-per-tenant, підписки Stripe через Cashier, GraphQL + REST, та аналіз візитів з допомогою AI через присвячений Go мікросервіс.\n\n## Ключові можливості\n\n- **Двостороння воронка** - SEO-каталог залучає клініки, а CRM за підпискою (візити, картки пацієнтів) їх утримує\n- **Справжня ізоляція тенантів** - database-per-tenant тримає дані кожної клініки окремо, а GDPR-експорт\u002Fвидалення — це операція на рівні бази\n- **Дві грані API** - GraphQL для складних запитів каталогу, REST для CRM — одна кодова база Laravel\n- **Білінг із коробки** - підписки Stripe через Cashier: тріали, зміна планів, dunning\n- **AI там, де допомагає** - аналіз візитів виконує окремий Go-мікросервіс, не навантажуючи основний API\n\n## Стек технологій\n\n- **Бекенд**: Laravel (API)\n- **Фронтенд**: Vue\u002FNuxt (окремі застосунки)\n- **Архітектура**: Database-per-tenant multi-tenancy\n- **Платежі**: Stripe через Cashier\n- **API**: GraphQL + REST\n- **AI**: Go-мікросервіс для аналізу візитів\n","2026-09-19","Двостороння ветеринарна платформа — SEO-каталог клінік та CRM для підписки з призначеннями та записами пацієнтів","\u002Fhero\u002Fvetspace.avif",[202,204,207,210],{"label":37,"to":203,"color":13,"icon":39},"https:\u002F\u002Fvetspace.pro",{"label":205,"to":206,"color":19,"icon":43},"Огляд API","https:\u002F\u002Fgithub.com\u002FYurij2015\u002Fvetspace-api",{"label":208,"to":209,"color":19,"icon":43},"Огляд фронтенду","https:\u002F\u002Fgithub.com\u002FYurij2015\u002Fvetspace-frontend",{"label":211,"to":176,"color":19,"icon":43},"Огляд VetCard",{},[214,215,216,217,220,223],{"name":47,"icon":48},{"name":62,"icon":63},{"name":180,"icon":181},{"name":218,"icon":219},"Stripe","i-simple-icons-stripe",{"name":221,"icon":222},"GraphQL","i-simple-icons-graphql",{"name":148,"icon":149},"uk\u002Fprojects\u002Fvetspace",[69,47,62,191,218,148],"DG_13GfOpIs-FP9mwOJDR33DOhZ0GdfeSK1u1JLzZt8",[228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250],"caddy","cloudflare","digitalocean","docker","filament","github-actions","go","hetzner","hostinger","laravel","mysql","nuxt","php","postgresql","proxmox","redis","stripe","symfony","tailwindcss","terraform","typescript","vite","vue"]