Description
A UK-based market research SaaS platform that helps companies validate products, services, and business ideas through surveys, email campaigns, and customer feedback collection. Our team was engaged to build and extend a configurable dashboard used to manage survey workflows, email templates, campaign settings, and user-facing experiences. The platform relied on a Backend-for-Frontend (BFF) architecture, where frontend interfaces were dynamically generated based on backend-defined configurations rather than traditional hardcoded UI implementations.
Challenge
The primary challenge was supporting a highly dynamic frontend architecture driven entirely by backend configuration. Unlike conventional applications where frontend components are manually developed around predefined APIs, this platform generated UI behavior and structure through backend-provided component definitions. This required:
- Supporting runtime rendering of backend-defined UI components
- Integrating with a custom Backend-for-Frontend architecture
- Maintaining flexibility for frequently changing workflows
- Extending platform functionality while preserving compatibility with existing features
- Ensuring scalability for future dashboard modules
Solution
We implemented a flexible frontend architecture based on Vue.js and Laravel that supported dynamic rendering of backend-defined components. Key contributions included:
- Building dashboard UI for campaign and survey management
- Implementing rendering layer for backend-driven components
- Extending BFF integration to support new UI flows
- Collaborating on system-level design to ensure scalable component structure
Technology Stack
- Frontend: Vue.js, Nuxt 3, Nuxt UI, Laravel Blade
- Backend: PHP, Laravel
- Database & Auth: PostgreSQL, Laravel Sanctum
- Architecture: Backend-for-Frontend (BFF) architecture, REST API integration