Where the project came from
The MistyCloud Admin Panel is an advanced back-office tool for managing the entire hosting platform. Administrators and support staff can manage users and their wallets, browse and handle game servers, web hosting, and VPS instances, manage the product catalog with prices in three currencies (PLN, USD, EUR), configure game engines and their versions, and monitor financial transactions.
What was hard
An admin panel for a SaaS platform requires dozens of complex views: filtered and paginated lists, edit forms, detail views — pages with similar but different requirements for each business domain. Building this from scratch would be very time-consuming, while typical admin-panel frameworks are often rigid and hard to adapt to specific UI/UX needs.
How I solved it
I chose Refine — a meta-framework for building admin panels integrated with Next.js 15. Refine provides ready-made infrastructure (resource routing, data provider, auth, filterable tables, forms) and integrates seamlessly with shadcn/ui as the component library. This allowed focus on business logic rather than UI infrastructure.
Result
A complete admin panel with views for users, three types of hosting services, a multi-currency product catalog, game engine configuration, and transaction history — all available in one consistent interface.