data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAATlBMVEUDAwMFBQUBAQEEBAQLDAwICQkPFR0NDQ0dHR0bGxsREREGCg8NGigIFCMJGi4QEBArKyswMDAfHx8GBgYODg4LCwsJCQkCAgIKCgoICAjScfd7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wsJEjAK7XxX8gAAAB9JREFUCNdjZGBghAB2KM3CAaYYGJm+sDGxfmBhZAEAD10CJcwHYRUAAAAASUVORK5CYII=

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAAAAACWpiEsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wUfEBYYFN3H0gAAACZJREFUCB0FwYEJACAQA7Frcf9tFUS+NVECquycx+wbU4mCErnD+i7vD92hKyUiAAAAAElFTkSuQmCC

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAP1BMVEUAAAADAwMgICAtLS0nJycVFRUcHBweHh4GBgYjIyMrKywhISEXFxckJCQiIiICAgIWFxcbHiIWFhcSEhITExM0P35+AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wMHEAEZfLT5AgAAAB5JREFUCNdjZAACRhBgZYTQLOxA4ieIAElxcDMwAgAQIgE3RoCLJAAAAABJRU5ErkJggg==

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAPFBMVEUBAQEAAAAYICsaGxsNDQ0KCgoMDAwDAwMdHyAiIiIODg4VFRUoKCgdHR0SEhIHBwcjIyMLCwsTExMbGxueXtpQAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wEbEwo3Id8oGAAAACJJREFUCNdjZGBkYGBgBAJWCMXIwgYif7F/YQTJCDAyfgYAGYUDG5EUC9wAAAAASUVORK5CYII=

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAQlBMVEUGBgYPDw8SEhIXFxceHh4bGxsLCwsaHR0dHx8hISEyMjI5OTkZGRlCQkJKSkouLi4YGBgAAAABAQEDAwMEBAQODg4tkqI8AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wUfEBYYFN3H0gAAACRJREFUCNdjZGBkZARiBhY2IOMXG+MvMOMHAwsroyBI4hM/AwA8OAQzaqVSyQAAAABJRU5ErkJggg==

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAMAAACjHN8KAAAAh1BMVEUyMjIuLi4wMDAvLy8qKio6OjpCQkJJSUlLS0tOTk4+Pj4mJiYrKystLS0sLCwiIiIwMDFSU1Q9PT0/Pz8xMTEeHh4gICAhISElLzomMT0aGhoiIyQhIiMnKSwiIiMbGxsZGRkeHx8dHh4eHh8fHyA2NjYkJCQzMzMQEBARERELCwsGBgYDAwMGBRe9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wMfDDIdDyN9TwAAAE1JREFUCB01wUEOQDAURdF324ewAVuw/3UxMJII/UrjHP0AiaA48zk9AIpjsHkpuacqY7gDxG33lMwxXbmbtnWf081CICmchCqMGqPmARBMEX2cJoiRAAAAAElFTkSuQmCC

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAVFBMVEULCwsREREWFhYYGBgUFBQMDAwKCgoCAgITExM2NjZGRkY7OzsWFhYFBQUBAQEVCQIxGAgODA4LHy0jHRscDwgEBAQLBQEXDQIGBgYFFR8VFBMPCQQCAg2gAAAAB3RSTlP9/f39/f394msQwgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+cIHw0DLZm1EXcAAAAbSURBVAjXY2RgZGQEYUZ2KIMFxAABFgYI6xMABMwBKq8hegUAAAAASUVORK5CYII=

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAASFBMVEUPFxELGA8LFw4OFw8SFBALGg8LIhELIBELHRAQIxUOIBMMIxIOJRQLIRERJBYNIBILGA4bFREiHBgeGBQWEg8WDQ4cDxAgFBUy/P+bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wsJFgE07UnlNwAAAClJREFUCB0FwbENgDAQALEzylPQs/+aCIpgiwojeFbDN87V0XvBLe32D0iSBT6LLQJTAAAAAElFTkSuQmCC

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAAAAACWpiEsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wUfEBYYFN3H0gAAACxJREFUCNdjYObg5OUTFeNkYBXnFVKxMRZkYBLh4FZ30+FnYGRkYuEU5mMDACnBAkxZIHlvAAAAAElFTkSuQmCC

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAXVBMVEUuLi41R1wwMDAyMjI6OjoxMTEvLy8kJCQlJSUqLjMpKSknJycaGhocHBwqKioeHh4oKCgQEBATExMjIyMYGBgVFRUgICAUFBQREREGBgYICAgLCwsXFxcKCgoHBwe/7ZZRAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH5wMfDQoSicG2EgAAACRJREFUCB0FwYEJACAMA7AGNvX/d2ViIgFs5K6pxlujGlAnAh9pUgRAk1nwOQAAAABJRU5ErkJggg==

See how we’re building the future for frontend developers.

Engineering

Framework-defined infrastructure example

Example of a dynamically rendered page in Next.js

Example 2 of FDI in Next.js

Example of IaC Terraform

Local dev diagram

Immutable Deployments

Framework defined infrastructure means programmatic framework understanding for automatic infrastructure provisioning—an evolution from Infrastructure as Code (IaC).

Programmatic framework understanding for automatic infrastructure provisioning

Framework-defined infrastructure

Without RSCs

With RSC

React Roundtable: Server Components, Suspense, and Actions

React Server Components are changing the fundamental paradigms of React. Learn how Next.js handles the complexities and improves the performance of your applications.

Understanding React Server Components

Learn the fundamentals of React Server Components, to better understand why (and when) to adopt.

Vercel Infra Flow 1

Vercel Flow 2

Vercel Flow 3

Vercel Flow 4

Vercel Flow 5

Learn how Vercel builds and deploys serverless applications

Learn how Vercel builds and deploys serverless applications.

Behind the scenes of Vercel's infrastructure: Achieving optimal scalability and performance

PPR1

PPR Diagram

PPR3

PPR2

A look at Partial Prerendering with Next.js 14 on Vercel.

Partial prerendering: Building towards a new default rendering model for web applications

GoRustZig Prune

GoRustZig 1

GoRustZig Sandwich

GoRustZig x86

GoRustZig C

In this Turborepo migration update, we explore the innovative strategies, such as the "Go Sandwich" approach and leveraging Zig's cross-compilation, guiding our gradual shift from Go to Rust, aiming to boost performance without sacrificing stability.

Vercel

Open Source

Scale

Use Case

Tools

Company

Engineering

Engineering

Latest

Latency numbers every frontend developer should know

Latency numbers every frontend developer should know

Building an interactive 3D event badge with React Three Fiber

Building an interactive 3D event badge with React Three Fiber

Releasing safe and cost-efficient blue-green deployments

Releasing safe and cost-efficient blue-green deployments

Composable AI for ecommerce: Hands-on with Vercel’s AI SDK

Composable AI for ecommerce: Hands-on with Vercel’s AI SDK

Design Engineering at Vercel

Design Engineering at Vercel

Protecting AI apps from bots and bad actors with Vercel and Kasada

Protecting AI apps from bots and bad actors with Vercel and Kasada

Introducing AI SDK 3.0 with Generative UI support

Introducing AI SDK 3.0 with Generative UI support

The Frontend Cloud: Powering resiliency for global web applications

The Frontend Cloud: Powering resiliency for global web applications

Deploying safely on Vercel without merge queues

Deploying safely on Vercel without merge queues

Effortless high availability for dynamic frontends

Effortless high availability for dynamic frontends