Technologies

AWS Serverless Delivery
AWS CloudFront
Legacy SSI → Gulp Static Build
Gulp → Next.js Migration Strategy
NX.dev Monorepo
Next.js Marketing Platforms
Tailwind CSS
ShadCN UI
GA4 + GTM Tracking
Looker Studio Dashboards

Industry

Biotechnology / Healthcare / Multi-Brand Marketing

Project State

Modernization Strategy & Multi-Stage Platform Migration

Region

United States (Multi-Brand Digital Presence)

Teams Collaboration

  • Organogenesis Marketing & Content Teams
  • Internal Engineering Stakeholders
  • PathToProject Engineering & DevOps Team
  • Analytics / Tracking Stakeholders

The Challenge

Multiple marketing and brand sites were operating on a legacy SSI-based stack that had reached architectural and operational limits. This digital platform modernization healthcare case study began with a platform that had become difficult to scale, risky to change, and expensive to maintain. Modern development practices could not be applied consistently, and delivery speed was constrained by outdated build and deployment workflows.

Because each site was maintained independently, duplicated code and unique styling approaches were accumulated over time. UI changes were required to be repeated across multiple repositories, increasing delivery cost and introducing inconsistencies between brands. Component reuse could not be implemented in a predictable way, and shared patterns were maintained through manual synchronization, which increased technical debt with every release.

Release governance and operational stability were also impacted. Changes were difficult to validate automatically, and safe delivery practices such as consistent CI/CD, controlled approvals, predictable builds, and fast rollbacks were not available across all sites. As a result, deployment risk was elevated, incident response time increased, and release confidence depended heavily on manual checks and tribal knowledge.

Platform risks were amplified by the legacy architecture. SSI-driven composition introduced long-term maintainability concerns and made modernization difficult without full refactoring. Security-related risk was increased as well, since legacy patterns often required special configuration exceptions and added complexity to hardening infrastructure policies and headers (including CSP rules).

Performance expectations were hard to meet consistently. Optimization was limited by legacy rendering patterns, fragmented asset pipelines, and the absence of standardized performance monitoring. Lighthouse scores were unstable and often remained in the 50–60+ range, while global delivery latency was affected by the non-unified static delivery approach and inefficient CDN integration.

Customer data and analytics were fragmented across the platform. UTM attribution was not consistently captured across online and offline channels, video engagement was not measurable at the required level of detail, and webform conversions could not be analyzed per field or user journey step. Tracking logic differed from site to site, making unified reporting and reliable performance measurement difficult. Without centralized dashboards, product and marketing decisions were based on incomplete visibility.

A modernization strategy was required that could be executed quickly and safely without blocking business operations. The solution needed to fully remove SSI limitations, restore full AWS compatibility, consolidate development into a monorepo-based workflow, enforce consistent CI/CD governance, reduce release risk with automated validation and rollback-ready delivery, and establish a scalable foundation for performance and customer data tracking across all brands and sites.

The Solution: Next.js Monorepo Multi-Brand Platform + CDP Integration

Legacy SSI Risk Fully Removed

The SSI-based composition layer was fully decommissioned to eliminate a brittle dependency that constrained change and increased operational risk. Page assembly and shared fragments were replaced with a modern build-and-render approach that could be validated and deployed consistently. This removed long-term maintainability limits and unblocked modernization without requiring ongoing SSI-specific infrastructure exceptions.

AWS Serverless Delivery With CloudFront

The platform was aligned to AWS-native delivery patterns, using serverless hosting and CloudFront as the global edge layer. Static assets and rendered output were optimized for CDN caching and predictable invalidation during releases. This improved global latency and made deployments more repeatable across multiple brand sites.

Quick Stabilization Through Gulp Static Migration

A first-stage migration moved legacy SSI sites into a Gulp-based static build pipeline to stabilize delivery quickly. This created a maintainable asset pipeline, standardized builds, and restored compatibility with existing AWS infrastructure without blocking ongoing marketing updates. The step reduced release risk immediately while setting up a clean path to the next platform evolution.

NX.dev Monorepo For Multi-Site Delivery

All marketing sites were consolidated into an NX.dev monorepo to centralize tooling, dependencies, and shared libraries. Common UI patterns, utilities, and build targets were implemented once and reused across brands, reducing duplicated work and drift. The monorepo also enabled consistent developer workflows and simplified cross-site changes and governance.

Next.js Modernization Strategy

A second-stage modernization migrated the stabilized static sites to Next.js to enable modern rendering, routing, and performance patterns. The approach supported a scalable marketing platform foundation while keeping delivery compatible with AWS and CDN requirements. This improved maintainability and provided a future-proof base for ongoing feature and content iteration.

Reusable UI System With Tailwind + shadcn/ui

A shared component system was introduced using Tailwind CSS and shadcn/ui to standardize layout, typography, and interactive patterns. Components were packaged as reusable libraries within the monorepo so updates could be rolled out consistently across sites. This reduced UI inconsistency, accelerated page builds, and lowered the cost of brand-wide design changes.

CI/CD Modernization For Predictable Releases

CI/CD was standardized across sites to enforce consistent builds, automated validation, and controlled deployments. Pipelines were aligned with NX.dev targets to ensure the same checks and release steps ran for every application. This reduced manual release effort, improved rollback readiness, and increased confidence in frequent marketing updates.

Unified CDP Layer With GA4, GTM, and Looker Studio

A global measurement layer was implemented using GA4 for analytics, GTM for tag governance, and Looker Studio for cross-site reporting. Event and attribution conventions were standardized so data could be compared reliably across brands and properties. Tracking was extended beyond defaults to capture online and offline UTM attribution, video engagement, and webform activity down to the field level for deeper funnel analysis.

Core Features

A staged modernization replaced legacy SSI marketing sites with a scalable, AWS-compatible delivery platform and a unified development workflow. The solution consolidated multi-site engineering into an NX. dev monorepo with reusable UI components and standardized build, test, and release practices. In parallel, a shared GA4/GTM/Looker Studio analytics layer established consistent attribution and deeper funnel measurement across brands. Together, these capabilities reduced release risk, improved performance, and restored cross-site visibility for marketing operations.

Implementation

Delivery followed a staged modernization plan to remove SSI constraints without disrupting ongoing marketing operations. As a Next. js monorepo multi-brand platform engineering effort, the team first stabilized the legacy sites by migrating them into a static build pipeline compatible with existing AWS delivery, then consolidated development into an NX. dev monorepo and evolved the stack to Next. js. In parallel, CI/CD governance and a shared UI system were introduced to reduce release risk and eliminate duplicated work across brands. A healthcare marketing platform CDP integration project layer (GA4/GTM/Looker analytics) was rolled out to standardize attribution and conversion measurement across all sites.

Stage 1: SSI to Gulp Static Migration

Legacy SSI composition was replaced with a Gulp-based static build to quickly remove the operational bottlenecks of the old stack. Templates, includes, and shared assets were restructured into a repeatable build pipeline that could be validated and deployed consistently. This phase mattered because it stabilized releases early and restored compatibility with AWS delivery requirements while longer-term modernization continued.

Stage 2: Consolidation into an NX.dev Monorepo

Multiple independent site codebases were consolidated into a single NX.dev workspace with shared tooling, libraries, and build targets. Common components and scripts were centralized to reduce duplication and make cross-site changes predictable. This consolidation was critical for scaling delivery across brands without repeating the same engineering work in multiple repositories.

Stage 3: Platform Evolution from Gulp to Next.js

The static build output and site architecture were migrated into a Next.js platform to enable modern rendering patterns, improved SEO controls, and a more maintainable frontend structure. Routes, page templates, and shared UI were refactored to align with a unified application framework rather than per-site build conventions. This phase mattered because it created a future-proof foundation for ongoing marketing iteration and performance improvements.

CI/CD Standardization and Release Governance

Build, test, and deployment workflows were standardized across sites using monorepo conventions to ensure consistent validation and predictable releases. Pipelines were structured to support repeatable builds, controlled promotion, and safer rollbacks when needed. This reduced reliance on manual checks and improved release confidence across a multi-site environment.

Shared UI System with Tailwind and ShadCN

Inconsistent, site-specific styling was replaced with a shared Tailwind + ShadCN-based component approach to enforce reusable patterns. Components were implemented to be portable across brands while still allowing controlled theming and variation. This work mattered because it reduced UI drift, accelerated page builds, and lowered long-term maintenance cost.

Unified CDP and Analytics Layer (GA4, GTM, Looker Studio)

A global tracking architecture was implemented using GA4 and GTM with Looker Studio dashboards to centralize reporting across sites. Tracking was extended beyond default pageview analytics to include structured UTM attribution (including offline alignment), video engagement, and webform activity down to field-level events. This provided consistent measurement and made cross-site performance and funnel analysis reliable for marketing and product teams.

Business Outcomes

Organogenesis modernized a legacy, SSI-based multi-site marketing stack into a scalable Next. js + NX. dev monorepo platform aligned with AWS delivery requirements. The program reduced release risk through standardized build and CI/CD practices, improved site performance and global delivery, and lowered ongoing engineering overhead through shared components and workflows. A unified GA4/GTM/Looker analytics layer also restored cross-site visibility, enabling consistent attribution and deeper conversion analysis across brands.

Outcome illustration for Legacy SSI Decommissioned And Platform Risk Reduced[01]

Legacy SSI Decommissioned And Platform Risk Reduced

The SSI-based architecture was fully removed, eliminating a major long-term maintainability and modernization blocker. This reduced operational fragility and the need for special-case infrastructure exceptions that complicated hardening and policy enforcement. The result was a platform that could evolve without repeated refactoring workarounds.

Outcome illustration for Faster, Safer Releases Through Standardized CI/CD[02]

Faster, Safer Releases Through Standardized CI/CD

Modern build and deployment workflows replaced inconsistent, manual release practices across independently maintained sites. Standardization improved validation and repeatability, reducing the likelihood of regressions and making rollbacks and incident response more predictable. Delivery confidence increased because releases no longer depended on tribal knowledge.

Outcome illustration for Multi-Site Efficiency With NX.dev Monorepo And Reusable Components[03]

Multi-Site Efficiency With NX.dev Monorepo And Reusable Components

Consolidation into an NX.dev monorepo enabled shared libraries, consistent styling patterns, and component reuse across brands. Teams could implement UI and behavior changes once and propagate them across sites, reducing duplicated effort and inconsistency. This lowered ongoing engineering overhead and improved maintainability as the site portfolio grows.

Outcome illustration for Performance And SEO Gains With Next.js Modernization[04]

Performance And SEO Gains With Next.js Modernization

Migrating to Next.js improved rendering and asset strategy, stabilizing performance across the marketing portfolio. Lighthouse scores increased to ~90+ from prior 50–60+ ranges, supporting better user experience and more reliable SEO outcomes. Performance improvements were achieved through a standardized, modern delivery approach rather than one-off tuning per site.

Outcome illustration for Ultra-Fast Global Delivery On AWS + CloudFront[05]

Ultra-Fast Global Delivery On AWS + CloudFront

Serverless AWS delivery with CloudFront enabled consistently fast global response times, with page loading in the ~20–50ms range. This reduced latency variability across regions and improved perceived speed for marketing visitors. The architecture also aligned the platform with modern AWS infrastructure requirements for long-term scalability.

Outcome illustration for Unified Analytics And Deeper Funnel Visibility Across Brands[06]

Unified Analytics And Deeper Funnel Visibility Across Brands

A global customer data platform layer using GA4, GTM, and Looker Studio consolidated tracking and reporting across all sites. Structured measurement expanded beyond default analytics to include UTM attribution (online and offline), video engagement, and webform activity down to the field level. This enabled more reliable cross-site comparisons and more actionable optimization decisions.

Used Services

The project leveraged a combination of services focused on modernizing legacy CMS platforms, implementing headless architectures, and enhancing frontend delivery with Next. js. Drupal Legacy System Modernization and Drupal to Headless Migration services facilitated the transition from SSI-based legacy systems to a modern monorepo and Next. js platform, ensuring scalable and maintainable content delivery. Complementing this, Next. js Development and Component Libraries services supported the creation of reusable UI components and performant frontend architectures. Additionally, Customer Analytics Platforms and CDP Platform Architecture services enabled unified tracking, analytics, and customer data platform integration, aligning with the project's advanced tracking and analytics goals.

Modern Digital Platform Modernization in Healthcare and Marketing

These case studies complement the current work by showcasing advanced digital platform modernization efforts within healthcare and marketing contexts. They emphasize scalable architectures, unified content delivery, and enhanced analytics integration, reinforcing themes of multi-site consolidation, performance optimization, and customer data platform implementation. Together, they provide insights into delivering consistent, secure, and efficient digital experiences across complex, multi-brand environments.

Further reading on multi-brand platform modernization

These articles expand on the same kinds of decisions behind this project: how to modernize a multi-site frontend platform, govern tracking and CDP data, and keep delivery safe as the architecture evolves. Together they add context on monorepo-based implementation, enterprise Next. js choices, and the operating model needed to make analytics and activation reliable across brands.

Oleksiy (Oly) Kalinichenko

Oleksiy (Oly) Kalinichenko

CTO at PathToProject

Do you want to start a project?