Website modernization for business expansion
Migration of the site from outdated technologies to modern platforms, along with the optimization of the content management system
Client
Under a non-disclosure agreement (NDA)
Business challenges
- outdated technology, poor performance, and design
- Slow content updates
- A large amount of data required migration to the new platform
- Avoid any disruptions during the migration
Our solutions
- Migration to Next.js
- Configuring Contentstack
- CMS integration with digital asset management system (Canto)
- CMS modular blocks
- Match Angular and Next.js
Project implementation
The client approached us as web development experts with a team of certified Contentstack specialists. Based on the provided scope, we offered our modernization services. The client requested a staged transition where the old site and the new one would operate concurrently, with functionality gradually transferred to new technologies.
The legacy website was built using Angular. To enhance performance, we chose to migrate to Next.js, as it was the most suitable framework for building high-performance, SEO-optimized sites. Despite the differences between Angular and Next.js, we successfully integrated the two frameworks to meet the client’s requirements.
For content management, the client was already using Contentstack CMS, but the system was not properly configured. We developed custom page templates and implemented modular block features, eliminating the need for developers to assist with the creation of new pages. To streamline media content management, we integrated Canto, a digital asset management system, allowing publishers to access and utilize all files directly within the CMS. Additionally, we integrated OpenTable to facilitate restaurant reservations.
Our DevOps engineers automated the deployment of test and development environments using CI/CD methods. They also configured and customized the Rackspace environment to meet the project’s objectives.
Technology stack
- JavaScript
- TypeScript
- Next.js
- mobX
- HTML/CSS
- Jest
- ContentStack CMS
Key activities
Business outcomes
The project was completed on time by our engineering team, enabling the client to achieve the following outcomes:
- Streamline content management processes
- Optimized media file management, improving efficiency in handling and accessing media assets
- Significantly enhanced website performance, improving load times and overall user experience
- Strengthened trust with existing customers and attracted new users through improved functionality and a modernized site
