Real-time Data Serving at Scale

7/15/2026

Speechify leverages Vercel's Data Cache, ISR, and Next.js Cache Components to serve over 500,000 dynamic pages to 60 million users. They achieved a 50% cost reduction by auto-scaling with Fluid Compute and maintained 99.99% uptime with Instant Rollbacks. The post highlights how dynamic rendering on first visit, followed by caching and serving from the closest point of presence, enables global scaling without proportional infrastructure cost increases. It also emphasizes the benefit of Instant Rollbacks for rapid deployment and recovery at scale.

6/9/2026

This post details how The Weather Company rebuilt its web serving stack and CMS on Vercel and v0, enabling them to serve 350 million monthly active users with real-time weather forecasts. Key metrics include 2.2 billion coordinates calculated every 15 minutes and an 80% increase in velocity from design to live web page. The migration shortened development cycles from years to months and from days to hours for publishing websites.

2/17/2026

Ramp migrated its marketing site to Next.js on Vercel, achieving 100% uptime and 0% error rates through 100x traffic surges. The team also implemented the Vercel AI SDK to build semantic search across internal assets.

12/12/2024

This post details how Vercel conducts technical audits to identify and optimize bottlenecks impacting cost, performance, and productivity. It categorizes audits into Code Review, Web Performance, and Usage Audits, providing specific examples of issues and solutions related to rendering, caching, third-party scripts, image optimization, API waterfalls, serverless function efficiency, ISR, and data caching. It also outlines a diagnostic-first approach focusing on user experience, resource efficiency, and development velocity, and identifies common patterns like the trade-off between dynamic features and static optimization, and resource optimization for serverless functions and third-party integrations.

10/31/2024

This post details how Code and Theory, a digital transformation agency, uses Vercel and Next.js to build high-performance, scalable web experiences for news organizations like RealClearPolitics and Minnesota Star Tribune. It highlights the migration of RealClearPolitics from a legacy PHP CMS to Next.js on Vercel, improving performance and deployment simplicity. It also describes the Minnesota Star Tribune's modernization of their PHP and AWS stack to Next.js and Vercel, consolidating codebases and reducing costs. The post emphasizes Vercel's ability to handle massive traffic surges for publishers, ensuring speed, reliability, and scalability.

10/4/2024

Ledger migrated from a heavily customized Shopify Liquid storefront with supporting AWS Lambda microservices to Next.js and Vercel. This migration enabled them to overcome limitations of Shopify's theming engine, implement CI/CD, testing, and functional programming best practices. They unified their tech stack, allowing for isomorphic code execution and component reuse. The move to Vercel's serverless-first architecture facilitated owning the entire production pipeline, leading to a 100x increase in release frequency, a 67% reduction in load times, and a 13% improvement in bounce rates. Their API infrastructure now handles 6-7 million daily requests, and they leverage Preview Deployments for improved collaboration.

4/26/2024

This post details how Tonies, a children's audio system creator, leveraged Vercel's Frontend Cloud, Next.js, and Contentful to expand into new markets. Key technical improvements include the use of Vercel's Preview Deployments for enhanced QA and the implementation of server-side prerendering with Vercel's CDN cache, which significantly reduced latency and improved scalability during peak traffic. Vercel's Monitoring and Logging tools also aided in debugging and performance insights. The migration enabled Tonies to scale from two to four markets and increase deployment frequency.

3/18/2024

This post details how Leonardo.Ai leveraged Vercel's platform, specifically its caching and CDN capabilities, to achieve a 95% reduction in page load times and cut build times from over 10 minutes to 2 minutes. It highlights the impact of Vercel's developer experience (DX) strengths, such as Preview Deployments, and the effectiveness of Vercel Monitoring in identifying and resolving issues in serverless functions. The post also mentions Vercel's use of AWS Bedrock's managed foundation models for AI-powered development tools.

2/29/2024

This post details Vercel's Frontend Cloud capabilities for ensuring the resiliency of global web applications. It elaborates on automatic scaling to handle traffic spikes (e.g., Black Friday, swag drops) by leveraging serverless architecture and the Edge Network with its global compute-capable data centers and POPs. It also explains high availability features like regional failover for traffic and serverless functions, durable caching with stale-if-error states, backend failover using Edge Config for configuration updates without redeployment, and instant rollback to previous deployments. The post also mentions recurring resiliency testing for network infrastructure and security measures including managed infrastructure, data encryption, and threat detection.

12/4/2023

This post details how Vercel's Frontend Cloud leverages its Edge Network to provide both speed and personalization. It explains the importance of speed for business metrics and SEO, and how dynamic personalization drives customer loyalty. The post elaborates on the concept of a CDN and its limitations for dynamic content. It then introduces Vercel's Edge Network as a solution that goes beyond static caching by asynchronously computing and granularly caching dynamic user requests. It highlights Incremental Static Regeneration (ISR) as a key mechanism for component-level caching and faster build times, and describes the lifecycle of a user request within the Edge Network, detailing caching at per-proxy, regional, and origin levels, as well as within serverless functions.

1/13/2023

Hashnode, a blogging platform built with Next.js, migrated to Vercel to manage custom domains at scale and improve developer experience. Vercel's Edge Network was instrumental in enhancing speed and performance, leading to perfect Lighthouse scores for Hashnode-hosted blogs.

1/13/2023

Hashnode, a blogging platform built with Next.js, migrated to Vercel to manage custom domains at scale and improve developer experience. Vercel's Edge Network was instrumental in enhancing speed and performance, leading to perfect Lighthouse scores for Hashnode-hosted blogs.

9/10/2022

This post details how Chronotrains, an interactive map visualizing train routes across Europe, leveraged Vercel's platform, including Next.js API Routes deployed as Vercel Functions, to cache "isochrone" results on Vercel's Edge Network for optimal response times and seamless user experience. It also utilized Incremental Static Regeneration to reduce load on its PostgreSQL database, enabling it to scale to thousands of concurrent visitors.

9/9/2022

Introduced curve fitting (specifically polynomial regression) to Vercel Analytics charts to improve trend visualization and delta calculation. This addresses the issue of noisy data points obscuring trends and inaccurate delta measurements based solely on first and last points. The implementation involves selecting an optimal polynomial order by balancing Mean Squared Error (MSE) on training and test datasets to avoid overfitting.

2/23/2021

Introduced a dedicated Usage overview dashboard for Pro and Enterprise plans, visualizing resource usage for Teams across Networking (Bandwidth, Requests), Functions (Invocations, Executions, Errors, Timeouts, Throttled), and Builds (Queued, Build Time, Number of Builds). This replaces manual CSV downloads and provides automated insights and actionable recommendations within each section.

7/9/2020

This post introduces Server-side Rendering (SSR) and Static Generation (SSG) in Next.js. It details how SSR pre-renders pages on every request for up-to-date data, while SSG pre-renders pages at build time for maximum performance. The post also introduces Incremental Static Generation (ISG) as a way to update statically pre-rendered pages after build time, and Client-side Fetching as a method to fetch data on the client after initial static generation. It provides examples for an e-commerce app, demonstrating per-page configuration for data fetching strategies.