Friday, September 27, 2024 · 2 min read

Staying on the cutting edge of the web with Codemod

Max Tavepholjalern
Max Tavepholjalern
Staying on the cutting edge of the web with Codemod

In February of this year, we rolled out Codemod, and the results were game-changing – doubling our performance!

As the fastest-growing open-source scheduling infrastructure, it is crucial for us at Cal.com to continuously adopt the latest web technologies. By leveraging cutting-edge features, we can continue delivering a high-performance app for users, even as our codebase grows in size and complexity with the constant addition of new features. Additionally, we want our current and future engineering teams to enjoy working with the most modern tech stack and developer experience, allowing them to focus on shipping new features rather than struggling with outdated technologies.

We have been eager to adopt this new technology since the introduction of Next.js App Router and React Server Components. However, given the size of our Next.js app and the long list of features we need to build for our users, the Pages to App Router migration was no easy task. Achieving its potential seemed like a distant goal until we were introduced to the fantastic team at Codemod.

Codemod, the open-source platform for code migrations

Our friends at Codemod are building an end-to-end code automation platform, an evolution of those used at Meta, to automate large-scale migration campaigns. Codemod offers an open-source product tier and has a vibrant community of contributors. Their CLI and community-led codemods are featured in the official upgrade guides of some of the most popular frameworks, including React, Nuxt.js, pnpm, MSW, i18next, and more.

Large-scale Next.js Migration with Codemod

Codemod also provides successful-migration-as-a-service to its paid and enterprise customers through Codemod Agents, a combination of AI and certified experts working together. They are SOC2 compliant, giving customers the peace of mind to trust them with their migrations.

For Cal.com, the Codemod team successfully migrated our 250k lines of code at a fraction of the cost, including the migration of more than 100 pages from the pages directory to the app router. The results were impressive: short-term improvements, such as a 2x faster LCP, and long-term enhancements to the developer experience. You can read more in this comprehensive technical blog post, where they share their experience and insights from managing the Cal migration.

Thanks to the Codemod team, Cal.com engineers now work on a performant and modern codebase. If you have any big migrations slowing you down, schedule a call with Codemod team here.

Related Articles

squares

Let people book when it works for both of you

Product of the DayProduct of the WeekProduct of the MonthCal.com on Product HuntCal.com on GoogleCal.com on G2