Frontend & CMS Customization for Healthcare | Regulatory & Quality Website

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.
Objective
The goal was to enhance a key content module on the website by:
- Updating the backend in Kentioc Xperience 13
- Improving the API integration
- Adjusting the React frontend All without disrupting anything that was already live and working.
Challenges & What We Did
1. Updating an Existing Page Type Without Breaking the Site
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.
2. Backend API Updates Without Breaking the React App
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.
3. Switching Layouts Dynamically in React
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.
4. Making It Easy for Content Editors
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!
Results
- 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