Skąd się wziął projekt
Panel administracyjny MistyCloud to zaawansowane narzędzie back-office dla zarządzania całą platformą hostowingową. Administratorzy i pracownicy supportu mogą zarządzać użytkownikami i ich portfelami, przeglądać i obsługiwać serwery gier, web hosty i VPS-y, zarządzać katalogiem produktów z cenami w trzech walutach (PLN, USD, EUR), konfigurować silniki gier i ich wersje oraz monitorować transakcje finansowe.
Co było trudne
Panel administracyjny dla platformy SaaS wymaga dziesiątek złożonych widoków: list z filtrowaniem i paginacją, formularzy edycji, widoków szczegółowych — to strony z podobnymi, ale różniącymi się wymaganiami dla każdej domeny biznesowej. Budowanie tego od zera byłoby bardzo czasochłonne, a typowe frameworki admin-panel są często sztywne i trudne do dostosowania do specyficznego UI/UX.
Jak to rozwiązałem
Wybrałem Refine — meta-framework do budowy panelów administracyjnych zintegrowany z Next.js 15. Refine dostarcza gotową infrastrukturę (routing zasobów, data provider, auth, tabele z filtrowaniem, formularze) i bezproblemowo integruje się z shadcn/ui jako biblioteką komponentów. To pozwoliło skupić się na logice biznesowej zamiast na infrastrukturze UI.
Wynik
Kompletny panel administracyjny z widokami dla użytkowników, trzech typów usług hostingowych, katalogu produktów z cenami wielowalutowymi, konfiguracji silników gier i historii transakcji — wszystko dostępne w jednym, spójnym interfejsie.