Changelog
Changelog


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.


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 asprocess.env[`${PREFIX}_SECRET`]
.
Check out our documentation to learn more.


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.


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.


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


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.


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.


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.


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.


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.


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.


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 asprocess.env[`${PREFIX}_SECRET`]
.
Check out our documentation to learn more.


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.


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.


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


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.


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.


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.


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.


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.