data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAAAAACWpiEsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wEZERMt7jBknwAAACxJREFUCNdjYGCWVNSWFWFgYBaSFJdWlWdiYJSQkJSQVGZlYBQT4uQU4mMDACtNAkQJq5pWAAAAAElFTkSuQmCC

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAAAAACWpiEsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wIXEBI0Nf2aygAAAClJREFUCNdjYGBg5hSSVtZiYGBg4hWRkFcA0pKqepoSMkARRhZ2XkE+ACPxAgT7bC//AAAAAElFTkSuQmCC

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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAAAAAAQMlOCAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH5wMfDQUw2znrOQAAAEJJREFUCB0FwUEOgCAMBMA2S6MHNOJB//9BbwTQ0nVG0zX3/NTQrTDhaIGzW3UNB9+lD28G4xDxEORJkgLc9qmsxX+twR1dwmPNxAAAAABJRU5ErkJggg==

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAAAAAAQMlOCAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH5wMfDQc3d2scGAAAADVJREFUCB0FwUEKwCAAA8FNoojQHvz/P72VdEYw5tprGor7YfyYtw06l7SRLmkbSTJ1QCrhB6hXDlt6AIu2AAAAAElFTkSuQmCC

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAAAAACWpiEsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wUfEBYYFN3H0gAAACxJREFUCNdjYObg5OUTFeNkYBXnFVKxMRZkYBLh4FZ30+FnYGRkYuEU5mMDACnBAkxZIHlvAAAAAElFTkSuQmCC

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

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAAAAACWpiEsAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5wEZERMt7jBknwAAACxJREFUCNdjYGCWVNSWFWFgYBYSE5NTl2diYOTh4ePll2BlYBQT4uQU4mMDACfMAgLtt7sCAAAAAElFTkSuQmCC

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.

Jasper

Scale

Comments GA

Viable

GPT-3 AI App in 6 Minutes

Build an AI-personalized media app with SvelteKit and Vercel Edge Functions

A quick demonstration of the capabilities of the AI Room Generator template.

(924/720)

AI Room Generator

How I built a viral AI web app

Deploying AI-driven apps on Vercel is easier than ever before. Here's some templates and tooling to jump-start your AI application.

Deploy AI-driven apps on Vercel

Tooling and templates to jump-start your AI workflow.

Deploying AI-driven apps on Vercel

ISR in pages

getStaticProps

On-Demand ISR API Route

RSC Example

Fetch Options with App Router

RSC Components Example

Revalidate App Router API

Fetch Example

Cache only part of your page as static data, while fully dynamically rendering the rest of your application, including accessing real-time and personalized data.

Framework-defined, global caching infrastructure with zero configuration.

Vercel Data Cache: A progressive cache, integrated with Next.js

Vercel Infra Flow 1

Vercel Flow 2

Vercel Flow 3

Vercel Flow 4

Vercel Flow 5

Learn how Vercel builds and deploys serverless applications

Engineering

Engineering

Latest

Using Zig in our incremental Turborepo migration from Go to Rust

Using Zig in our incremental Turborepo migration from Go to Rust

Why all application migrations should be incremental

Why all application migrations should be incremental

Understanding React Server Components

Understanding React Server Components

How Turborepo is porting from Go to Rust

How Turborepo is porting from Go to Rust

How React 18 Improves Application Performance

How React 18 Improves Application Performance

An Introduction to Streaming on the Web

An Introduction to Streaming on the Web

Designing the Vercel virtual product tour

Designing the Vercel virtual product tour

Replacing Google Optimize with the Vercel Edge Network

Replacing Google Optimize with the Vercel Edge Network

Custom fonts without compromise using Next.js and `next/font`

Custom fonts without compromise using Next.js and `next/font`

Less code, better UX: Fetching data faster with the Next.js 13 App Router

Less code, better UX: Fetching data faster with the Next.js 13 App Router