Migrating a large open-source React application to Next.js and Vercel
Vercel demonstrated a successful migration of a large React application to Next.js, removing over 20,000 lines of code and 30+ dependencies while improving local iteration speed from 1.3 seconds to 131 milliseconds. The case study shows how to incrementally adopt Next.js and Vercel for legacy React projects.
If your company started building with React over 5 years ago, chances are you implemented your own custom solution or internal framework. Many engineers and teams want to explore technologies like Next.js and Vercel. However, some don't know where to get started because it's so far from their current reality or they don't see how supporting a custom framework is holding them back.
As a coding exercise, we wanted to show what this could look like by migrating a large, open-source React application to use Next.js.
We managed to , all while improving the local iteration speed of making changes from . This post will share exactly how we incrementally adopted Next.js and Vercel to rebuild the BBC website.remove 20,000+ lines of code and 30+ dependencies1.3s to 131ms
Source: original entry ↗
More from Vercel
Follow Vercel to get its new changes in your feed and email digest.
OpenAI Decisions API now available on AI Gateway
OpenAI's Decisions API is now accessible through Vercel's AI Gateway with an OpenAI-compatible endpoint, enabling decision models to answer typed questions and return probabilities, choices, and scores for routing, triage, and guardrails use cases. Support is available across the OpenAI SDK, AI SDK, HTTP API, and CLI with the latest versions.
Timestamp attributes now supported in Vercel Flags
Vercel Flags now supports timestamp attributes for entities, allowing you to create time-based targeting rules. Use this feature to run limited-time campaigns, show content between specific dates, or target users based on registration date.
Glyph Cluster now available in stealth on AI Gateway
Glyph Cluster, a reasoning model for coding and long-context analysis, is now available as a stealth model on Vercel's AI Gateway for Pro and Enterprise plan teams with purchased AI Gateway credits at no cost during the stealth period. The model supports function calling, streams responses, and can be accessed via AI SDK, OpenAI-compatible APIs, and coding agents.