[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"technology-uk-filament":3,"technology-projects-uk-filament":32,"mdc--g7svjv-key":114},{"id":4,"title":5,"category":6,"content":7,"description":8,"extension":9,"faq":10,"icon":14,"links":15,"meta":24,"projects":25,"since":28,"stem":29,"updated":30,"__hash__":31},"technologies_uk\u002Fuk\u002Ftechnologies\u002Ffilament.yml","Filament","backend","Filament — набір інструментів Laravel для адміністративних панелей та інтерфейсів застосунку. Я використовую його для форм, таблиць і оглядових екранів, а бізнес-правила залишаю в Laravel.\n\n## Приклади з моїх проєктів\n\nУ DigiPulse Filament використовується в інтерфейсі керування моніторингом. У DigiSpace на ньому працює панель керування контентом поряд зі старішою панеллю на Inertia та Vue. Це дає змогу поступово оновлювати адміністративні інструменти, зберігаючи роботу публічного сайту.\n\n## Що я створюю на Filament\n\n- **Ресурси** — екрани створення, редагування й пошуку записів.\n- **Форми та таблиці** — перевірки даних, фільтри й дії під конкретний робочий процес.\n- **Власні сторінки** — компоненти Livewire для завдань, яким стандартного редактора записів недостатньо.\n\n## Права доступу та підтримка\n\nАдміністративна панель потребує правил авторизації й перевірки критичних дій. Прихована кнопка не забороняє доступу до даних. Я використовую готові компоненти там, де вони відповідають завданню, і додаю власну поведінку для зручності користувачів. Строки розробки залежать від бізнес-правил, інтеграцій і моделі доступу.\n","Розробка на Filament і Laravel: адміністративні панелі, форми, таблиці та керування контентом у DigiPulse й DigiSpace.","yml",[11],{"label":12,"content":13},"Для яких адміністративних панелей підходить Filament?","Для форм, таблиць і керування записами в Laravel. Складніші процеси можна реалізувати через власні сторінки й компоненти Livewire в межах тієї самої панелі.","i-simple-icons-filament",[16,21],{"label":17,"to":18,"color":19,"icon":20},"filamentphp.com","https:\u002F\u002Ffilamentphp.com","neutral","i-heroicons-arrow-top-right-on-square",{"label":22,"to":23,"color":19,"icon":20},"Технічна документація","https:\u002F\u002Ffilamentphp.com\u002Fdocs\u002F5.x\u002Fintroduction\u002Foverview",{},[26,27],"digipulse","digispace","2023","uk\u002Ftechnologies\u002Ffilament","2026-09-20","tM8IO2UfFBHZ3SpkYiJ0EeFAR7kZoCnc0IdGOjJ4NcY",[33,77],{"id":34,"title":35,"content":36,"date":37,"description":38,"extension":9,"featured":39,"image":40,"links":41,"meta":50,"stack":51,"stem":71,"tags":72,"url":44,"__hash__":76},"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",true,"\u002Fhero\u002Fdigipulse.avif",[42,46],{"label":43,"to":44,"color":45,"icon":20},"Live Demo","https:\u002F\u002Fdigipulse.cloud","primary",{"label":47,"to":48,"color":19,"icon":49},"GitHub","https:\u002F\u002Fgithub.com\u002FYurij2015\u002Fdigipulse-backend","i-simple-icons-github",{},[52,55,56,59,62,65,68],{"name":53,"icon":54},"Laravel","i-simple-icons-laravel",{"name":5,"icon":14},{"name":57,"icon":58},"Go","i-simple-icons-go",{"name":60,"icon":61},"PostgreSQL","i-simple-icons-postgresql",{"name":63,"icon":64},"Redis","i-simple-icons-redis",{"name":66,"icon":67},"Vue","i-simple-icons-vuedotjs",{"name":69,"icon":70},"MCP","i-heroicons-cpu-chip","uk\u002Fprojects\u002Fdigipulse",[73,53,57,74,69,63,75],"SaaS","Monitoring","Event-driven","jNmJS9kMabUQ04ggukPIRPMSLui7xNAbE9Nsuuw99ag",{"id":78,"title":79,"content":80,"date":81,"description":82,"extension":9,"featured":39,"image":83,"links":84,"meta":89,"stack":90,"stem":109,"tags":110,"url":86,"__hash__":113},"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",[85,87],{"label":43,"to":86,"color":45,"icon":20},"https:\u002F\u002Fdigispace.pro",{"label":47,"to":88,"color":19,"icon":49},"https:\u002F\u002Fgithub.com\u002FYurij2015\u002FDigiSpace",{},[91,92,95,96,99,102,105,106],{"name":53,"icon":54},{"name":93,"icon":94},"Inertia","i-simple-icons-inertia",{"name":66,"icon":67},{"name":97,"icon":98},"Vite","i-simple-icons-vite",{"name":100,"icon":101},"MySQL","i-simple-icons-mysql",{"name":103,"icon":104},"Tailwind CSS","i-simple-icons-tailwindcss",{"name":5,"icon":14},{"name":107,"icon":108},"CMS","i-heroicons-document-text","uk\u002Fprojects\u002Fdigispace",[53,5,93,66,111,112],"i18n","SEO","6eh_R4Py3nOuDZ26oLWb7x2WWp4iSV66uJrBh_MkX_U",{"data":115,"body":116},{},{"type":117,"children":118},"root",[119,127,134,139,145,181,187],{"type":120,"tag":121,"props":122,"children":123},"element","p",{},[124],{"type":125,"value":126},"text","Filament — набір інструментів Laravel для адміністративних панелей та інтерфейсів застосунку. Я використовую його для форм, таблиць і оглядових екранів, а бізнес-правила залишаю в Laravel.",{"type":120,"tag":128,"props":129,"children":131},"h2",{"id":130},"приклади-з-моїх-проєктів",[132],{"type":125,"value":133},"Приклади з моїх проєктів",{"type":120,"tag":121,"props":135,"children":136},{},[137],{"type":125,"value":138},"У DigiPulse Filament використовується в інтерфейсі керування моніторингом. У DigiSpace на ньому працює панель керування контентом поряд зі старішою панеллю на Inertia та Vue. Це дає змогу поступово оновлювати адміністративні інструменти, зберігаючи роботу публічного сайту.",{"type":120,"tag":128,"props":140,"children":142},{"id":141},"що-я-створюю-на-filament",[143],{"type":125,"value":144},"Що я створюю на Filament",{"type":120,"tag":146,"props":147,"children":148},"ul",{},[149,161,171],{"type":120,"tag":150,"props":151,"children":152},"li",{},[153,159],{"type":120,"tag":154,"props":155,"children":156},"strong",{},[157],{"type":125,"value":158},"Ресурси",{"type":125,"value":160}," — екрани створення, редагування й пошуку записів.",{"type":120,"tag":150,"props":162,"children":163},{},[164,169],{"type":120,"tag":154,"props":165,"children":166},{},[167],{"type":125,"value":168},"Форми та таблиці",{"type":125,"value":170}," — перевірки даних, фільтри й дії під конкретний робочий процес.",{"type":120,"tag":150,"props":172,"children":173},{},[174,179],{"type":120,"tag":154,"props":175,"children":176},{},[177],{"type":125,"value":178},"Власні сторінки",{"type":125,"value":180}," — компоненти Livewire для завдань, яким стандартного редактора записів недостатньо.",{"type":120,"tag":128,"props":182,"children":184},{"id":183},"права-доступу-та-підтримка",[185],{"type":125,"value":186},"Права доступу та підтримка",{"type":120,"tag":121,"props":188,"children":189},{},[190],{"type":125,"value":191},"Адміністративна панель потребує правил авторизації й перевірки критичних дій. Прихована кнопка не забороняє доступу до даних. Я використовую готові компоненти там, де вони відповідають завданню, і додаю власну поведінку для зручності користувачів. Строки розробки залежать від бізнес-правил, інтеграцій і моделі доступу."]