About
In this project, our team was tasked with creating a custom Content Management System (CMS) marketing platform to help our client scale their business. The goal was to develop a flexible and robust platform that seamlessly integrated with the client's legacy backend API and database. Additionally, we designed the platform to be cloud-based, ensuring it could handle scaling to hundreds of new clients and manage millions of page requests monthly. This solution not only provided enhanced scalability and performance but also ensured the client's existing systems were utilized efficiently, resulting in a powerful and future-proof marketing tool.
Industry
Advertising Services
Technologies Used
GCP
Docker
React
Node.js
Next.js
WordPress
Cypress
Challenge
The primary challenge of this project was to develop a robust multi-site engine capable of enabling our client to create an indefinite number of websites for their own clients. This engine required the capability to not only store and manage content for each individual site but also incorporate complex business logic specific to each client.
The core difficulty lay in ensuring that a single instance of this application could efficiently serve an unlimited number of sites, each possessing unique styles, layouts, and business logic. All these elements needed to be centrally managed through a comprehensive Content Management System (CMS). This demanded a highly flexible and scalable architecture to accommodate diverse requirements while maintaining performance and reliability.
Solution
To tackle this challenge, we developed a NextJS application hosted on Google Cloud Run. This setup ensures the dynamic frontend can efficiently handle the scalability demands of serving numerous sites. The backend APIs are powered by a headless WordPress, providing a seamless and flexible content management experience.
We built a robust infrastructure by containerizing the entire application using Docker. This approach enhances deployment consistency and simplifies the management of different environments. Our solution boasts an impressive 80% coverage of unit tests, ensuring code quality and reliability. Additionally, we developed a comprehensive suite of end-to-end tests to validate the functionality and integration of various components.
Our solution is layered and sophisticated, incorporating multiple integrations with legacy systems to ensure smooth interoperability. Despite the complexity, our approach ensures that each site can be uniquely styled and tailored to individual client needs, all while being managed from a single, centralized CMS.
Result
In summary, our solution provides a scalable, reliable, and efficient multi-site engine that meets the diverse and dynamic requirements of our client's business, resulting in significant growth and high satisfaction rates.
The implementation of our multi-site engine has enabled our client to onboard over a dozen clients, with growth continuing steadily. To date, the application effortlessly handles millions of users and is designed to scale further as needed. Thanks to our selection of cloud providers, we have maintained an impressive uptime of 99.9%, ensuring reliable and continuous service for all users.
Explore Our Diverse Portfolio of Projects
Witness the breadth of our work: solutions shaping the future and initiatives building a better tomorrow. Let our projects inspire you.
Large-Scale CMS Migration
In this project, our team was tasked with the comprehensive migration of our client's content management system from Drupal to Amplience, a headless CMS. This initiative was driven by the need to leverage the advanced capabilities and flexibility offered by Amplience. Additionally, we needed to execute a large-scale user migration to a new authentication provider, ensuring that all users could continue to securely access the site without disruption. Furthermore, we had to migrate hundreds of thousands of images to a new Digital Asset Management (DAM) system.
Custom Webflow Integration
In this project, our team was tasked with creating a custom Lead Intake form integration on our client's existing Webflow CMS. The form required numerous integrations, particularly with Firebase and its authentication service. Additionally, the form needed to support document uploads and custom form validations. Our goal was to develop a custom JavaScript application, deploy its assets, and ensure seamless integration with the Webflow CMS.