Large-scale Code Migration at Netlify

4 min read

Customer Overview

Netlify, the pioneer of the composable web, supports millions of developers and thousands of enterprise customers by handling infrastructure for modern web applications. With a team of over 100 engineers, Netlify constantly aims to keep their tech stack fresh, ensuring their developers can ship new features quickly despite their growing codebase size.

The Challenge

Netlify had previously attempted to migrate both React and React Router to the latest versions to improve the developer experience. However, the React upgrade was never prioritized due to other business initiatives, and the React Router migration was such a significant burden that it was set aside because of the complexity and risk associated with the task. Following the acquisition of Stackbit, merging the two codebases became essential to streamline maintenance and accelerate new feature development. To achieve this, Netlify had to ensure their codebase was as up-to-date as Stackbit’s, a newer product, which made the React Router and React upgrades unavoidable.

Our Solution

After careful evaluation of many solutions in the space, Netlify partnered with Codemod for its proven technology in large-scale codebase migrations, a step up from those used at Meta. As champions of open-source, Netlify picked Codemod's open platform, which aligned with their strategic goals.

Picture of Kaelig Deloumeau-PrigentPicture of Kaelig Deloumeau-Prigent

Codemod, the official maintainer of Meta’s jscodeshift and provider of codemods for top frameworks like React, Nuxt.js, pnpm, offered a seamless "successful-migration-as-a-service" solution. This ensured smooth migrations, clear ROI, and exceptional service. With shared values and technical expertise, Codemod was the perfect fit for modernizing Netlify’s codebase.

Illustration of how Codemod agents migrated Netlify's codebase

Codemod Agents drive efficient migrations through four phases: planning with estimations and dependencies, prepping with cleanup and refactors, incremental development with feature flags, and monitoring with UAT and rollback options.

The Partnership and Value Added

The partnership between Netlify and Codemod began with a discovery call to align on Netlify's tech stack and high-level business goals. Codemod’s team mapped out all necessary migrations, prioritized them, and created a comprehensive migration plan. This included outlining the benefits (faster development velocity), conducting a migration readiness analysis (cost and impact), developing an incremental migration strategy, defining roles and responsibilities, ensuring rollback strategies and quality assurance, and offering post-migration support.

netlify logo

Leveraging Netlify's instant rollback capabilities, Codemod executed the migration efficiently and with minimal risk. By automating half of the migration process using community-driven codemods, Codemod completed the migration twice as fast and at a significantly lower cost. Netlify’s team was relieved of the need to recruit and manage additional talent, avoiding the overhead of procurement and compensation. Furthermore, delegating these migrations to Codemod freed up Netlify's top engineers to focus on building new features, boosting both productivity and developer satisfaction.

Value prop for Codemod compared to the alternatives

Codemod's Value Proposition: A Comparison Against Alternatives

Migrate with peace of mind.

Fully delegate your migrations to Codemod SOC2-compliant platform and agents and empower your developers to do their best work.

picture of Kaelig Deloumeau-Prigent from netlifypicture of Kaelig Deloumeau-Prigent from netlify

Contact us for a personalized demo to see how Codemod can modernize your tech stack, reduce migration time, and help your team ship features faster, on a secure and performant codebase.

Put your migration campaigns on autopilot.

Accelerate large-scale code changes with unprecedented insights and automations, freeing your engineers to build new features on secure and performant codebases.

Write to us.

Send email

Meet us for a demo.

Book a call