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.

Vercel now has automatic recursion protection for:

• Serverless Functions (New)
• Edge Functions
• Edge Middleware
• Rewrites

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.

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 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.

As a part of Vercel Firewall, you can now create custom rules to block specific IP addresses. By restricting access to your applications or websites based on the IP addresses of incoming requests, you can block malicious actors from viewing your site—preventing unauthorized access or unwanted traffic.

This feature is available for Enterprise teams on Vercel. Contact us to get started, or check out the documentation to learn more.

Vercel KV is a serverless, durable Redis database, making it easy to implement features like rate limiting, session management, and also manage application state.

The Redis-compatible SDK works from Edge or Serverless Functions and scales with your traffic. KV stores are single region by default, but can be replicated to multiple regions for distributed workloads.

import kv from '@vercel/kv';

export async function getPrefs() {
  const prefs = await kv.get('prefs');
  return prefs || {};
}

export async function updatePrefs(prefs: Record<string, string>) {
 return kv.set('prefs', prefs);
}

Vercel KV is available for Hobby and Pro users during the public beta.

Check out our documentation to learn more.