Vue.js
Vue.js to framework JavaScript do tworzenia interfejsów. Używam go w panelu placówki VetSpace, publicznej witrynie VetCard i interfejsach administracyjnych, między innymi w DigiSpace.
Różne interfejsy, wspólne narzędzia
- Panele aplikacji — formularze, listy i procesy dla zalogowanych użytkowników.
- Publiczne strony — komponenty Vue w stronach Nuxt renderowanych na serwerze.
- Integracja z Laravel — Inertia łączy trasy serwerowe ze stronami Vue bez potrzeby osobnego publicznego API dla tych ekranów.
Przykład strony placówki
VetCard potrzebuje zarówno czytelnych informacji o placówce, jak i interaktywnej rezerwacji wizyt. Nuxt odpowiada za renderowanie strony na serwerze, a Vue za interakcje użytkownika. Ta sama witryna pomaga więc poznać placówkę i wybrać termin wizyty.
Utrzymanie komponentów
Composition API pomaga grupować powiązaną logikę, a TypeScript jasno określa parametry i wyniki. Oddzielam pobieranie danych, wspólną logikę i prezentację tam, gdzie poprawia to czytelność. Wybór frameworka nadal zależy od istniejącego projektu i zespołu: różne interfejsy mogą wymagać różnej architektury.
Projekty zbudowane na Vue.js
VetSpace
Dwustronna platforma weterynaryjna — katalog SEO klinik i CRM oparty na subskrypcji z wizytami i rekordami pacjentów
VetCard
Multi-tenant katalog klinik weterynaryjnych: SEO strony klinik, rezerwacja wizyt online, branding każdej kliniki — jedna aplikacja Nuxt obsługuje wszystkie
DigiPulse
SaaS do monitorowania dostępności: architektura event-driven — Laravel (Octane, Reverb) i Filament wysyłają zadania przez Redis do lekkiego workera w Go; serwer MCP udostępnia dane monitoringu asystentom AI; powiadomienia Telegram/e-mail
DigiSpace
Wielojęzyczna (EN/UK/PL) produkcyjna strona agencji z autorskim CMS — panel Filament z rozbudowanym edytorem treści, tłumaczenia, JSON-LD i zlokalizowane sitemapy wbudowane obok starego panelu na Inertia + Vue