Skip to content

Changelog

Changelog

Follow us on Twitter to hear about the changes first!
Cover for Visual Editing can now be used with TinaCMSCover for Visual Editing can now be used with TinaCMS

Visual Editing can now be used with TinaCMS

Visual Editing allows you to click-to-edit content on your Vercel site, with a direct link to exactly where your content lives in your CMS.

This functionality is now possible for Enterprise customers using Tina as their CMS. TinaCMS is now the third CMS to adopt content source-mapping technology that enables Visual Editing from a headless CMS with zero code changes to your website.

Check out the documentation to learn more or contact us for access.

Cover for More flexible Environment Variables in Edge Functions and MiddlewareCover for More flexible Environment Variables in Edge Functions and Middleware

More flexible Environment Variables in Edge Functions and Middleware

You now have more flexible access and improved limits for environment variables from Edge Functions and Middleware:

  • The max environment variable size is now 64KB instead of 5KB, same as Serverless Functions.
  • Other than the reserved names, there are no additional restrictions to name environment variables.
  • Accessing process.env is no longer restricted to be statically analyzable. This means that, for example, you can now compute variable names such as process.env[`${PREFIX}_SECRET`].

Check out our documentation to learn more.

Cover for Integrate Remix session storage with your Vercel KV databaseCover for Integrate Remix session storage with your Vercel KV database

Integrate Remix session storage with your Vercel KV database

The release of @vercel/remix v1.16.0 introduces a new function, createKvSessionStorage(), which allows you to integrate your Remix session storage with your Vercel KV database in a few lines of code.

Upgrade to @vercel/remix v1.16.0 to get started.

Check out our documentation to learn more about storage with Vercel KV.

Cover for Node.js 14 and 16 are being deprecated in August 2023Cover for Node.js 14 and 16 are being deprecated in August 2023

Node.js 14 and 16 are being deprecated in August 2023

Vercel is announcing the deprecation of Node.js 14 and 16, which will be discontinued on August 15, 2023. Node.js 14 reached official end of life on April 30th 2023. Node.js 16 will reach official end of life on September 11, 2023.

On August 15, 2023, Node.js 14 and 16 will be disabled in the Project Settings and existing Projects that have Node.js 14 and 16 selected will render an error whenever a new Deployment is created. The same error will show if the Node.js version was configured in the source code.

While existing Deployments with Serverless Functions will not be affected, Vercel strongly encourages upgrading to Node.js 18 to ensure you receive security updates (using either engines in package.json or the General page in the Project Settings).

Check out the documentation as well.

Cover for Improved experience for moving between your teams and projectsCover for Improved experience for moving between your teams and projects

Improved experience for moving between your teams and projects

An improved project and team switcher within Vercel is now available for all users:

  • Quickly navigate through your projects, without having to switch teams first
  • Choose favorite projects across your teams that you can access quickly
  • Switch between projects without losing context. For example, if you're viewing Web Analytics, you can change projects while remaining on the same view.
  • Keyboard friendly navigation

Cover for Visual Editing can now be used with Builder.io Cover for Visual Editing can now be used with Builder.io

Visual Editing can now be used with Builder.io

With Visual Editing you can click-to-edit content on your Vercel site, with a direct link to exactly where your content lives in your CMS.

This functionality is now possible for Enterprise customers using Builder.io as their CMS. Builder.io is now the second CMS to adopt content source-mapping technology that enables Visual Editing from a headless CMS with zero code changes to your website.

Check out the documentation to learn more or contact us for access.

Cover for Instant Rollback is now generally available to revert deploymentsCover for Instant Rollback is now generally available to revert deployments

Instant Rollback is now generally available to revert deployments

With Instant Rollback you can quickly revert to a previous production deployment, making it easier to fix breaking changes.

Instant Rollback is now generally available for all Vercel users. Hobby users can roll back to the previous production deployment. Pro and Enterprise users can roll back to any eligible deployment.

Check out the documentation to learn more.

Cover for Automatic recursion protection for Vercel Serverless FunctionsCover for Automatic recursion protection for Vercel Serverless Functions

Automatic recursion protection for Vercel Serverless Functions

Vercel now has automatic recursion protection for:

This provides safety against your code inadvertently triggering itself repeatedly, incurring unintentional usage. Recursion protection supports using the http module or fetch in the Node.js runtime for Serverless Functions, both for user-defined code and dependencies. Requests using the bare Socket constructor are not protected against recursion.

Recursion protection is available free on all plans. It does not require any code changes in your application, but does require a new deployment. Outbound requests now include the x-vercel-id header of the request that originated the new fetch.

We’re continuing to invest in platform improvements to help developers understand and monitor usage and avoid unintended usage on the Vercel platform.

Cover for Introducing the Vercel Data Cache: Optimized caching for React Server ComponentsCover for Introducing the Vercel Data Cache: Optimized caching for React Server Components

Introducing the Vercel Data Cache: Optimized caching for React Server Components

Vercel Data Cache is now available to give you framework-defined caching and propagation infrastructure to handle responses from React Server Components.

Data Cache is a globally distributed, ephemeral cache accessible from both serverless and edge runtimes, allowing you to cache data granularly in the region in which your function executes, with different treatments depending on the type of response:

  • Dynamic data is re-fetched with every execution
  • Static data is cached and revalidated either by time-based or on-demand revalidation

This feature is currently supported for the Next.js App Router and is available for users on all plans.

Check out our documentation and usage limits to learn more.

Cover for Next.js 13.4 on VercelCover for Next.js 13.4 on Vercel

Next.js 13.4 on Vercel

The Next.js App Router, now stable in Next.js 13.4 is supported out-of-the-box on Vercel, with pre-configured, global, framework-defined infrastructure.

Build data-driven, personalized experiences for your visitors with Next.js, and automatically deploy to Vercel with optimized, global performance.

  • Nested Routes and Layouts: Easily share UI between routes while preserving state and avoiding expensive re-renders. On Vercel, your layouts and pages can be configured to deploy as Edge Functions, delivering substantial SEO and performance improvements.
  • Streaming: The Next.js App router natively supports streaming responses. Display instant loading states and stream in units of UI as they are rendered. Streaming is possible for Node and Edge runtimes—with no code changes—with Vercel Functions.
  • React Server Components: Server Components allow you to define data fetching at the component level, and easily express your caching and revalidation strategies. On Vercel, this is supported natively with Vercel Functions and Vercel Data Cache, a new caching architecture that can store both static content and data fetches.
  • Support for Data Fetching: With granular caching, Next.js allows you to choose from static or dynamic data at the fetch level. On Vercel, the Data Cache is automatically shared across deployments, speeding up build times and improving performance.
  • Built-in SEO Support: With the Metadata API, easily customize your page for sharing on the web, compatible with streaming.

Additionally in Next.js 13.4 you will find:

  • Turbopack (Beta): Your local dev server, faster and with improved stability.
  • Server Actions (Alpha): Mutate data on the server with zero client JavaScript.

Check out our documentation to learn more.

Cover for Visual Editing can now be used with TinaCMSCover for Visual Editing can now be used with TinaCMS

Visual Editing allows you to click-to-edit content on your Vercel site, with a direct link to exactly where your content lives in your CMS.

This functionality is now possible for Enterprise customers using Tina as their CMS. TinaCMS is now the third CMS to adopt content source-mapping technology that enables Visual Editing from a headless CMS with zero code changes to your website.

Check out the documentation to learn more or contact us for access.

Cover for More flexible Environment Variables in Edge Functions and MiddlewareCover for More flexible Environment Variables in Edge Functions and Middleware

You now have more flexible access and improved limits for environment variables from Edge Functions and Middleware:

  • The max environment variable size is now 64KB instead of 5KB, same as Serverless Functions.
  • Other than the reserved names, there are no additional restrictions to name environment variables.
  • Accessing process.env is no longer restricted to be statically analyzable. This means that, for example, you can now compute variable names such as process.env[`${PREFIX}_SECRET`].

Check out our documentation to learn more.

Cover for Integrate Remix session storage with your Vercel KV databaseCover for Integrate Remix session storage with your Vercel KV database

The release of @vercel/remix v1.16.0 introduces a new function, createKvSessionStorage(), which allows you to integrate your Remix session storage with your Vercel KV database in a few lines of code.

Upgrade to @vercel/remix v1.16.0 to get started.

Check out our documentation to learn more about storage with Vercel KV.

Cover for Node.js 14 and 16 are being deprecated in August 2023Cover for Node.js 14 and 16 are being deprecated in August 2023

Vercel is announcing the deprecation of Node.js 14 and 16, which will be discontinued on August 15, 2023. Node.js 14 reached official end of life on April 30th 2023. Node.js 16 will reach official end of life on September 11, 2023.

On August 15, 2023, Node.js 14 and 16 will be disabled in the Project Settings and existing Projects that have Node.js 14 and 16 selected will render an error whenever a new Deployment is created. The same error will show if the Node.js version was configured in the source code.

While existing Deployments with Serverless Functions will not be affected, Vercel strongly encourages upgrading to Node.js 18 to ensure you receive security updates (using either engines in package.json or the General page in the Project Settings).

Check out the documentation as well.

Cover for Improved experience for moving between your teams and projectsCover for Improved experience for moving between your teams and projects

An improved project and team switcher within Vercel is now available for all users:

  • Quickly navigate through your projects, without having to switch teams first
  • Choose favorite projects across your teams that you can access quickly
  • Switch between projects without losing context. For example, if you're viewing Web Analytics, you can change projects while remaining on the same view.
  • Keyboard friendly navigation

Cover for Visual Editing can now be used with Builder.io Cover for Visual Editing can now be used with Builder.io

With Visual Editing you can click-to-edit content on your Vercel site, with a direct link to exactly where your content lives in your CMS.

This functionality is now possible for Enterprise customers using Builder.io as their CMS. Builder.io is now the second CMS to adopt content source-mapping technology that enables Visual Editing from a headless CMS with zero code changes to your website.

Check out the documentation to learn more or contact us for access.

Cover for Instant Rollback is now generally available to revert deploymentsCover for Instant Rollback is now generally available to revert deployments

With Instant Rollback you can quickly revert to a previous production deployment, making it easier to fix breaking changes.

Instant Rollback is now generally available for all Vercel users. Hobby users can roll back to the previous production deployment. Pro and Enterprise users can roll back to any eligible deployment.

Check out the documentation to learn more.

Cover for Automatic recursion protection for Vercel Serverless FunctionsCover for Automatic recursion protection for Vercel Serverless Functions

Vercel now has automatic recursion protection for:

This provides safety against your code inadvertently triggering itself repeatedly, incurring unintentional usage. Recursion protection supports using the http module or fetch in the Node.js runtime for Serverless Functions, both for user-defined code and dependencies. Requests using the bare Socket constructor are not protected against recursion.

Recursion protection is available free on all plans. It does not require any code changes in your application, but does require a new deployment. Outbound requests now include the x-vercel-id header of the request that originated the new fetch.

We’re continuing to invest in platform improvements to help developers understand and monitor usage and avoid unintended usage on the Vercel platform.

Cover for Introducing the Vercel Data Cache: Optimized caching for React Server ComponentsCover for Introducing the Vercel Data Cache: Optimized caching for React Server Components

Vercel Data Cache is now available to give you framework-defined caching and propagation infrastructure to handle responses from React Server Components.

Data Cache is a globally distributed, ephemeral cache accessible from both serverless and edge runtimes, allowing you to cache data granularly in the region in which your function executes, with different treatments depending on the type of response:

  • Dynamic data is re-fetched with every execution
  • Static data is cached and revalidated either by time-based or on-demand revalidation

This feature is currently supported for the Next.js App Router and is available for users on all plans.

Check out our documentation and usage limits to learn more.

Cover for Next.js 13.4 on VercelCover for Next.js 13.4 on Vercel

The Next.js App Router, now stable in Next.js 13.4 is supported out-of-the-box on Vercel, with pre-configured, global, framework-defined infrastructure.

Build data-driven, personalized experiences for your visitors with Next.js, and automatically deploy to Vercel with optimized, global performance.

  • Nested Routes and Layouts: Easily share UI between routes while preserving state and avoiding expensive re-renders. On Vercel, your layouts and pages can be configured to deploy as Edge Functions, delivering substantial SEO and performance improvements.
  • Streaming: The Next.js App router natively supports streaming responses. Display instant loading states and stream in units of UI as they are rendered. Streaming is possible for Node and Edge runtimes—with no code changes—with Vercel Functions.
  • React Server Components: Server Components allow you to define data fetching at the component level, and easily express your caching and revalidation strategies. On Vercel, this is supported natively with Vercel Functions and Vercel Data Cache, a new caching architecture that can store both static content and data fetches.
  • Support for Data Fetching: With granular caching, Next.js allows you to choose from static or dynamic data at the fetch level. On Vercel, the Data Cache is automatically shared across deployments, speeding up build times and improving performance.
  • Built-in SEO Support: With the Metadata API, easily customize your page for sharing on the web, compatible with streaming.

Additionally in Next.js 13.4 you will find:

  • Turbopack (Beta): Your local dev server, faster and with improved stability.
  • Server Actions (Alpha): Mutate data on the server with zero client JavaScript.

Check out our documentation to learn more.