We partnered with the world’s largest nonprofit for healthcare regulatory professionals to enhance a vital content module on their Kentico 13 + React.js site. Without disrupting the live platform, we seamlessly introduced flexible new layout options, enhanced backend and API integration.
The world’s largest nonprofit organization for regulatory professionals in the healthcare industry. They support people working in medical devices, pharmaceuticals, diagnostics, and more offering education, certifications, career resources, and industry insights.
The goal was to enhance a key content module on the website by:
Updating the backend in Kentico 13
Improving the API integration
Adjusting the React frontend All without disrupting anything that was already live and working.
Problem:
The existing site was already live with tons of structured content. Making changes directly to the page types could break pages, cause data loss, or mess up the layout.
Our Solution:
We added new fields and layout options to the existing page type without touching anything already in use . Everything stayed compatible, and we even added validation rules to protect older content from breaking.
Problem:
The data displayed on the front end came from APIs. If we changed how the data was structured, it could crash parts of the React site that depended on it.
Our Solution:
We updated the APIs to include the new layout field but added smart defaults so that if older pages didn’t have the new field, everything would still work as before. That way, the new layout options appeared only when needed.
Problem:
The frontend needed to support two different layouts. But there was no way for the CMS to tell React which one to use.
Our Solution:
We enhanced the React components so they could read the layout type from the API and adjust the design automatically. We also made it easy to add more layouts in the future by keeping the code flexible and reusable.
Problem:
We needed a way for non technical editors to pick the layout (two column or full width) without writing any code.
Our Solution:
We added a dropdown field inside the Kentico admin panel. Editors could simply choose a layout type when creating or editing a page, and that selection would automatically shape how the content looked on the live site, no developer help needed!
New layout options (two column & full width) were added successfully
No disruption to the existing site or data
Editors can now easily control layouts from the admin panel
React components respond dynamically and responsively based on layout selection
The client was very happy with the flexibility and seamless rollout
