Case
Vue component framework
and back-office rebuild for Nyx.
A nightclub management suite.
Nyx asked me to reshape their frontend architecture - a reusable Vue component framework shared across their applications, and a full rewrite of their largest back-office product. The platform is used by more than 250,000 people.
At a glance
- Client
- Nyx Systems ApS
- Engagement
- Long-term contract
- Role
- Frontend architecture and frontend lead on the back-office application
- Collaboration
- Nyx's development team, with design by Nicolai Qvindbjerg
- Stack
- Vue.js
- JavaScript
- SASS
- npm with semantic versioning
- REST APIs
- Delivered
- A Vue component framework of 147 reusable components, shared through npm
- Version 2.0 of the back-office application, built on that framework
- Booking, events, shifts, memberships and a drag-and-drop floor plan editor
The client
Nyx is a full-featured nightclub management suite. It's made with the passion for providing a sublime service at ease, and features more or less everything you need to run a paperless nightclub - all cloud-based and at your fingertips.
The job
Nyx asked me to transform the frontend architecture across their 7 platforms. I managed the architecture and development of the shared frontend infrastructure their applications would build on in the years ahead.
With help from Nicolai Qvindbjerg on the design, I built an extensible Vue component framework shared across Nyx's frontend applications, and implemented it in a new version of their feature-rich back-office product. The framework still underpins Nyx's frontend applications today.
Atmosphere
From pen & paper
to a digital space.
What I did
While scaling the infrastructure, I took the lead on implementing the architecture as a version 2.0 of Nyx's largest back-office application. This included setting up the project and developing the front-end for key features like a login system, a shift management system, a membership approval system, an account management system, a settings management system, a booking system, an event system and a drag and drop table- and floor plan editor with direct integration to the new booking system.
Reusable Components
The main goal of the new infrastructure was for my client's development team to save working hours in the future when implementing new features. To accomplish this goal, we built a fully extendable, scalable and modular component library with Vue.js capable of being shared across multiple platforms.
One Brand, One Source
Through the power of npm and a strict semantic versioning strategy, we utilized the component framework to implement a new version of my client's 6 different frontend platforms. This created a solid foundation which enables my client to maintain their brand's identity across several platforms in a single place.
Feature Implementations
From this point onward, my client's team and I began implementing features, building them from the framework's shared components instead of from scratch. It took roughly 4 months to implement the back-office application, which at that point communicated with more than 120 REST-API endpoints, while keeping the average bugs per month in the single digit range.
"Emil has proven to be very structured in his development process and always pays significant attention to detail in everything from business logic to front end UI, which results in viable and maintainable projects. In addition, Emil delivers on time and as promised but does not shy away from a challenge. I've followed Emil for several years and he has evolved quickly as a developer."
Nicolai Cornelis
Founder @ Nyx
Results
Nyx's frontend applications share one component framework, versioned through npm with a strict semantic versioning strategy. That lets Nyx maintain its brand identity across several platforms from a single place, and the framework still underpins those applications today.
Reusable components in the framework
REST API endpoints behind the back office
To implement the back-office application
This work is part of my frontend development and Vue and Nuxt development services.
Showcase
Great changes,
great results.
Related cases
Check out
other cases.
- Campaign site
DK Hostmaster's 20-year story, for the public and the press.
Static Nuxt front end with year-by-year storytelling and predictable hosting. Content lives in the repo so the team could update and hand it off without a CMS.
- Product platform
E-sport coaching platform rebuilt to grow revenue without growing firefighting.
End-to-end rebuild so the team could onboard more players, run day-to-day operations reliably, and ship product changes with confidence. Laravel, Vue and AWS where it mattered for scale and cost.
- Marketing site
A marketing site the studio could publish from WordPress, and visitors would feel in the browser.
Scoped project for a design-led agency: mockups translated to a Nuxt front end, with WordPress headless so the team could ship cases and campaigns without learning a new CMS.
- Enterprise application
Policy and billing in one staff platform for a Danish insurance mutual.
Long-term contract on Slim PHP services and a Nuxt 2 staff app for memberships, tariffs, invoicing, settlement and reporting, replacing legacy back-office tooling the team could no longer extend safely.
Looking for
the right developer?
Whether you're ready to start or just exploring your options, feel free to reach out. No commitment, no pressure.
I usually respond within 2 hours.