Node.js 20 is now fully supported for Builds and Vercel Functions. You can select 20.x
in the Node.js Version section on the General page in the Project Settings. The default version for new projects is now Node.js 20.
Node.js 20 offers improved performance and introduces new core APIs to reduce the dependency on third-party libraries in your project.
The exact version used by Vercel is 20.11.1 and will automatically update minor and patch releases. Therefore, only the major version (20.x
) is guaranteed.
Read the documentation for more.
The growth in popularity of AI applications, and the relative high cost of the LLMs to power those calls, means AI apps have emerged as an incredibly high-value target for bots and bad actors.
Last year, we introduced Vercel's industry-first Skew Protection mechanism and we're happy to announce it is now generally available.
Skew Protection solves two problems with frontend applications:
If users try to request assets (like CSS or JavaScript files) in the middle of a deployment, Skew Protection enables truly zero-downtime rollouts and ensures those requests resolve successfully.
Outdated clients are able to call the correct API endpoints (or React Server Actions) when new server code is published from the latest deployment.
Since the initial release of Skew Protection, we have made the following improvements:
Skew Protection can now be managed through UI in the advanced Project Settings
Pro customers now default to 12 hours of protection
Enterprise customers can get up to 7 days of protection
Skew Protection is now supported in SvelteKit (v5.2.0
of the Vercel adapter), previously supported in Next.js (stable in v14.1.4
), and more frameworks soon. Framework authors can view a reference implementation here.
Learn more in the documentation to get started with Skew Protection.
The Next.js AI Chatbot template has been updated to use AI SDK 3.0 with React Server Components.
We've included Generative UI examples so you can get quickly create rich chat interfaces beyond just plain text. The chatbot has also been upgraded to the latest Next.js App Router and Shadcn UI.
Lastly, we've simplified the default authentication setup by removing the need to create a GitHub OAuth application prior to initial deployment. This will make it faster to deploy and also easier for open source contributors to use Vercel Preview Deployments when they make changes.
As Europe's leading all-in-one HR solution for small and mid-sized organizations, Personio is committed to the highest standards of both user experience, and app security.
By shifting their site from Wordpress to a composable stack of Vercel, Next.js, and Contentful, they were able to significantly boost site performance, while ensuring uptime and reliability.
Generating more than 4.5 million images a day, Leonardo.Ai merges artificial intelligence with creativity to transform content creation across industries like gaming, marketing, and design.
The platform enables users to fine-tune AI models for generating customized, style-consistent assets. Initially aimed at game developers, Leonardo.Ai has broadened its scope, empowering artists and professionals to leverage AI for streamlining workflows, and expanding the capabilities of AI in creative work.
To accelerate the production release process, customers on all plans can now prioritize changes to the Production Environment over Preview Deployments.
With this setting configured, any Production Deployment changes will skip the line of queued Preview Deployments and go to the front of the queue.
You can also increase your build concurrency limits to give you the ability to start multiple builds at once. Additionally, Enterprise customers can also contact sales to purchase enhanced build machines with larger memory and storage.
Check out our documentation to learn more.
You can now configure Function CPU from the project settings page, where you can change your project’s default memory, and by extension CPU. Previously, this could only be changed in vercel.json
.
The memory configuration of a function determines how much memory and CPU the function can use while executing. This new UI makes it more clear increasing memory boosts vCPU, which can result in better performance, depending on workload type.
Existing workloads (that have not modified vercel.json
) are using the cost-effective basic option. Increasing function CPU increases the cost for the same duration, but may result in a faster function. This faster function may make the change net-neutral (or a price decrease in some cases).
Check out the documentation to learn more.
Pro customers can now automatically pause all projects when a spend amount is reached.
Spend Management allows you to receive notifications, trigger a webhook, and now more immediately pause projects when metered usage exceeds the set amount within the current billing cycle. This stops you incurring further cost from the production deployments.
You'll receive realtime notifications when your spending approaches and exceeds the set amount. For further control, you can continue to use a webhook in addition to automatic project pausing
This includes Web and Email notifications at 50%, 75%, and 100%. You can also receive SMS notifications when your spending reaches 100%
Check out our documentation to learn more.
Using feature flags to quickly enable and disable product features is more than just a development technique; it's a philosophy that drives innovation and ensures that only the best, most performant features reach your users.
However, when working on a new feature you need to leave your current browser tab, sign into your flag provider, switch the flag to the value you need for development—all while coordinating and communicating this change with teammates. This adds a lot of overhead and disrupts your work.
Today, we’re making that workflow easier by adding the ability for team members to override your application’s feature flags right from the Vercel Toolbar.
You can manage flags set in any provider including LaunchDarkly, Optimizely, Statsig, Hypertune, or Split—and additionally you can integrate any other provider or even your own custom flag setup. By creating overrides for your flags from the toolbar, you can stay in the flow and improve your iteration speed.
You can now view and override your application's feature flags from the Vercel Toolbar.
This means you can override flags provided by LaunchDarkly, Optimizely, Statsig, Hypertune, Split, or your custom setup without leaving your Vercel environment.
Vercel can now query an API Route defined in your application to find out about your feature flags, and will pick up their values by scanning the DOM for script tags. From there you can create overrides from the Vercel Toolbar, per session, for shorter feedback loops and improved QA and testing. Additionally, the overrides will be stored in an optionally encrypted cookie so your application can respect them.
This functionality is currently in beta and available to users on all plans.
Check out the documentation to learn more.
If you're a feature flag provider and interested in integrating with the Vercel Toolbar, contact us.
Vercel now supports deploying Remix applications using Vite.
We've collaborated with the Remix team to add Server Bundles to Remix. Vercel will now detect Remix projects using Vite and optimize them using our new Vite preset (@vercel/remix/vite).
This preset enables adding additional features for Remix on Vercel such as:
Streaming SSR: Dynamically stream content with both Node.js and Edge runtimes
API Routes: Easily build your serverless API with Remix and a route loader
Advanced Caching: Use powerful cache headers like stale-while-revalidate
Data Mutations: Run actions
inside Vercel Functions
Deploy Remix to Vercel or learn more in the docs.
Last October, we launched v0.dev, a generative UI design tool that converts text and image prompts to React UIs and streamlines the design engineering process.
Today, we are open sourcing v0's Generative UI technology with the release of the Vercel AI SDK 3.0. Developers can now move beyond plaintext and markdown chatbots to give LLMs rich, component-based interfaces.
Modern web apps are global, omni-channel and fast. Above all else they must be available at all times. Every second of website downtime translates to lost revenue and eroded customer trust.
Leveraging Vercel's Frontend Cloud allows you to:
Vercel Firewall protects your application from DDoS attacks.
Spikes in high volumes of traffic sometimes indicate malicious activity on your site. Customers can now quickly lock down traffic and further protect against DDoS attacks by challenging requests, minimizing the chance that malicious bots get through.
Attack Challenge Mode is now available for all Vercel customers at no additional cost. When temporarily enabled, all visitors to your site will see a challenge screen before they are allowed through.
Learn how to enable Attack Challenge Mode and protect your site.
In order to prevent issues from reaching production, repositories often have settings enabled to keep the main
branch green whenever any code is merged. When there are many developers contributing code, such as in a monorepo, this usually results in a slowdown in developer productivity.
If branches are required to be synced to HEAD
before merge, developers may have to update branch multiple times before they can merge their code, unnecessarily performing a lot of the same checks over again. A merge queue is an alternative solution to alleviate this pain, but this can also slow down productivity by forcing commits from each developer to be tested before merge in serial, even from unrelated commits.
With Vercel, you can ensure the safety of production and developers can merge quickly, without using a merge queue.
Vercel’s Frontend Cloud is designed for high availability from the ground up, with robustness against large-scale regional cloud outages at every layer of our architecture.
This includes making it extraordinarily easy for our customers to run the compute they deploy to Vercel in the same highly resilient architecture. Concretely speaking, this can make the difference between downtime or smooth operation during major sales events such as Black Friday.
The default Vercel Function timeout of all new projects for Enterprise customers will be reduced to 15 seconds on Feb 20th. This change helps prevent unintentional function usage, unless explicitly opted into the longer function duration (up to 15 minutes).
Existing Enterprise projects will not have their defaults changed.
Check out our documentation to learn more.
Vercel and Next.js provide increased observability of your applications through OpenTelemetry.
v1.3.0 of @vercel/otel
now providing custom resource and operation names for Datadog to satisfy their cardinality requirements. You can group related URL paths for a given span to reduce cardinality and associated usage.
For example, /products/hoodie
can be mapped to /products/[name]
.
Learn more in our documentation or start using the package with Next.js.
We’ve been building a new foundation for compute, built on top of Vercel’s Managed Infrastructure, for the past year.
Today, we've announced our strategic partnership with WPP, a world leader in communications, experience, commerce, and technology.
Through the years, brands have entrusted Vercel and WPP’s global network of agencies to help them modernize their digital experience with the best creative and the best technologies. Together, we serve leading organizations like The International Olympic Committee, James Hardie, Fluor, and Country Road Group.
UTM parameters are now available in Vercel Web Analytics, enabling detailed insights into marketing campaign effectiveness directly from the dashboard.
Visibility into campaign performance: Analyze traffic by specific campaigns, mediums, sources, content, and terms using UTM parameters.
Advanced filtering: Apply filters based on UTM parameters for deeper insights into the impact of your marketing campaigns.
Historical UTM data: Start analyzing past campaigns immediately with historical data automatically included.
This feature is available to Pro customers with Web Analytics Plus and Enterprise customers.
We've finished porting Turborepo, the high performance JavaScript and TypeScript build system, from Go to Rust. This lays the groundwork for better performance, improved stability, and powerful new features.
Today, we’re launching nine new AI integrations for Vercel from leading AI companies.
We’ve also created a new model playground where you can try dozens of models instantly to generate text, images, audio, and more right in your dashboard.
You can now incorporate AI models and services from industry-leading providers into your Vercel projects with a single click.
AI tab: Seamlessly integrate with 3rd-party AI providers and vector databases.
Playground: In-dashboard playground to explore and experiment with models and preview their outputs.
Check out the documentation to get started.
At Vercel, we strive to provide the best support for ecommerce customers worldwide. As a part of this work, we want to ensure that we provide support for our customers to comply with the Payment Card Industry Data Security Standard (PCI-DSS).
In accordance with Vercel's shared responsibility model, this post will walk you through our recommended approach using an iframe to process payments—creating a secure conduit between your end users and your payment provider.
Preview deployments you have recently viewed or deployed are now accessible from the Recent Previews column on your dashboard.
Each recent preview includes a link to the deployment's page in Vercel and a link to the PR or source on your git provider's site when available.
Learn more in the dashboard overview documentation.
You can now invite emails or team members to view a deployment through the share menu. All invitees will receive an email with a link to the deployment and have access to comment if comments are enabled.
The share menu will display who currently has access to a given deployment. Users with sufficient permissions will also be able to revoke access.
Visit the documentation to learn more about all options for sharing deployments.
You can now add sensitive Environment Variables to your projects for added security of secret values like API keys.
While all Environment Variables are encrypted, sensitive values can only be decrypted during builds. This replaces our legacy secrets implementation which is being sunset.
Get started using Sensitive Environment Variables through the dashboard or with Vercel CLI 33.4
.
Legacy secrets are being sunset in favor of Sensitive Environment Variables, which are now shareable across projects.
Existing legacy secrets will be automatically converted. You do not need to manually take action for non-development values. Read below to view your impacted projects.
All Environment Variables remain securely encrypted. The majority of Vercel workloads have moved from the legacy secrets functionality.
On May 1st, 2024 secrets will be automatically converted to sensitive Environment Variables for Preview and Production environments. Secrets attached to Development environments will not be migrated.
Why are legacy secrets being sunset?
Our legacy secrets were encrypted values global for your entire team and could only be managed through the CLI. Based on your feedback, we have since:
Made all Environment Variables encrypted by default
Added Sensitive Environment Variables to prevent values from being decrypted by users
Added Shared Environment Variables to reuse truly global values across teams
When will I no longer be able to use secrets?
On May 1st, 2024, secrets will be removed from Vercel CLI:
Existing secrets added to the Preview and Production environments will be converted to Sensitive Environment Variables
Existing secrets added to the Development environment will not be migrated for your security. If you have a secret shared between all environments, including Development, it will not be migrated. These values must be manually migrated.
How can I migrate to Sensitive Environment Variables?
Secrets for Preview and Production environments will be automatically migrated.
For secrets which contain the Development environment, you should create new Sensitive Environment Variables, as these values will not be automatically migrated for your security. If you need to share Environment Variables across projects, you can make them shared.
How can I understand if I’m affected?
To list projects using secrets that will be automatically converted, run:
Streaming is the key to fast and dynamic web applications.
When streaming, you can progressively send UI from server to client, without needing to wait until all of your data has been loaded. This helps your customers see content immediately, like your main call to action to add an item to the cart.
You can now switch between branches directly from the Vercel Toolbar.
Access the command menu through the toolbar or ⌘K
(Ctrl+K
on Windows) and select branch switcher. You’ll see your team’s branches sorted to highlight those with recent activity or unread comments. Then, select a branch to switch to that deployment.
Learn more about the command menu and other features of the toolbar.
Vercel and Next.js provide increased observability of your applications through OpenTelemetry.
v1.0 of @vercel/otel
now supports:
Support for Node.js and Edge runtimes
Telemetry context propagation, including W3C Trace Context
Fetch API instrumentation with context propagation
Support and auto-configuration for the Vercel OTEL collector
Enhanced metadata reporting
Sampling support
Custom tracing exporter support
Batched trace exporting
Learn more in our documentation or start using the package with Next.js.
When creating and editing Environment Variables on Vercel, you can now see hints to warn you of potentially leaking secret values to the public. This supports all frameworks that use a prefix to mark an environment variable as safe to use on the client like:
Next.js
Create React App
Vue.js
Nuxt
Gridsome
Gatsby
SvelteKit
Vite
Learn more about Environment Variables.
Vercel Functions can now automatically failover to the next healthy region.
Vercel's Edge Network is resilient to regional outages by automatically rerouting traffic to static assets. Vercel Functions also have multiple availability zone redundancy by default. We are now enhancing this further with support for multi-region redundancy for Functions.
In the instance of a regional outage, traffic directed towards your Vercel Function using the Node.js runtime will be automatically re-routed to the next healthy region, ensuring continuous service delivery and uptime without manual intervention.
Failover regions are also supported through Vercel Secure Compute, which allows you to create private connections between your databases and other private infrastructure.
You can configure which regions to failover to in your vercel.json
file. For example, you might want to fallback to many different regions, or specific regions in a country.
Enterprise teams can enable this feature in their project settings. If you are not on Enterprise, get in touch to upgrade and enable function failover.
Webhooks allow you to get notified through a defined HTTP endpoint about certain deployment or project events that happened on the Vercel platform.
Webhooks are now available for all Pro and Enterprise customers. You can create a maximum of 20 webhooks per account.
Check out our documentation to create your first webhook.
You can now protect your Edge Config with a JSON schema. Use schema protection to prevent unexpected updates that may cause bugs or downtime.
Edge Config is a low latency data store accessed from Vercel Functions or Edge Middleware. It is ideal for storing experimentation data like feature flags and A/B testing cohorts, as well as configuration data for Middleware routing rules like redirects or blocklists.
To protect an Edge Config with a schema:
Select the Storage tab in the dashboard and then create or select your Edge Config
Toggle the Schema button to open the schema editing tab. Enter your JSON schema into the editor, and Vercel will use the schema to validate your data in real-time
Click Save. This will save changes to both the schema and data
Check out the documentation to learn more.
Core Web Vitals influence how your application's pages rank on Google. Here, we'll dive into what they are, how they’re measured, and how your users and search ranking are impacted by them.
With the GitHub Issues integration, you can now convert comments to GitHub Issues.
For teams who use GitHub Issues and Projects to track work, this allows comments to fit into your existing workflow. Collect and discuss feedback in-context on your deployment with comments and then convert those threads to issues to manage and track that work.
Your converted issues will contain the full thread, attached images and screenshots, and a link back to the thread within the preview.
GitHub Issues is part of our growing collection of integrations for comments which includes Slack, Linear, and Jira, now available to all Vercel users.
Check out the documentation to learn more.
Viewing domains for your team now has faster search and a refreshed design.
It's now easier to filter domains based on their renewal status, as well as see options to configure, transfer, move, or delete individual domains.
Check out the documentation to learn more.
Vercel Blob now supports storing files up to 5 TB with multipart uploads.
When using multipart: true
, put()
and upload()
will progressively read and chunk data, upload it in parts, and retry if there are issues.
Network output is maximized without consuming too much memory. Multipart uploads support retrying streams (Node.js streams and the Web Streams API), a unique feature amongst file upload APIs.
Check out the documentation to learn more.
In 2023, businesses processed more than $18.6 billion on Stripe over Black Friday and Cyber Monday (BFCM).
This year, just 19 days before Black Friday, Stripe asked a question: "What if?" What if they opened up Stripe's core metrics and gave a detailed look into their core business, reliability, and the reach of their products?
In response, employees from across the company came together to construct a real-time, publicly accessible microsite that dynamically showcased Stripe's reliability, transaction volumes, global activity, and more, during BFCM—and they showcased it all on Vercel.
You can now use the Pinecone integration to create vector databases for your AI applications. Vector databases enable augmenting LLMs with the ability to retrieve additional knowledge (RAG) from your provided sources.
This integration is available for users on all plans.
Check out the integration to get started.
You can now see all outgoing requests for a selected log in Runtime Logs.
Logs now display the status, duration, URL, and a trace for each request. Request metrics work with every request on Vercel, so all frameworks are supported. This makes it easier to debug latency and caching inside your Vercel Functions or when calling databases.
This release also includes various of quality-of-life improvements in the Logs UI.
Request metrics are free while in beta and only available to Pro and Enterprise customers.
A security vulnerability in the @clerk/nextjs
SDK was identified by the Clerk team recently, which allows malicious actors to act-on-behalf-of other users.
The Clerk team has already released a patch with the latest version. Please check the public announcement by the Clerk team for more details.
While we still recommend updating to the latest version of the Clerk SDK, Vercel has taken proactive measures on our Firewall to protect our customers on all plans.
We will continue efforts to proactively protect Clerk + Next.js deployments on Vercel through the Vercel Firewall, regardless of Clerk's Next.js SDK version running.
You can now use passkeys to login to Vercel including touch, facial recognition, a device password, or a PIN. Passkeys provide a simple and secure authentication option.
How do I use passkeys on Vercel?
Under the Authentication page of Account Settings you will find a passkey button
Click the passkey button to add a new passkey
Select the authenticator of preference and follow the instructions
The new passkey will appear in your list of login connections
You are now able to log in with passkeys
Learn more in our documentation.
Your Vercel personal account will soon automatically become a free team.
What is changing?
Your personal projects will live under a new free team with the slug {username}s-projects
.
Future auto-generated deployment URLs will end with {username}s-projects.vercel.app
.
Existing deployments will not be affected.
Your free Vercel experience will remain unchanged. Upgrading and downgrading will now be easier, as they will no longer require transferring projects.
When will my account be updated?
We'll start rolling out this change today and it might take some time before it's your turn. Once it's your turn, in most cases, update should happen instantly.
For a small number of accounts with thousands of projects or deployments, you may temporarily see a message displayed on the dashboard. During this update period, you will have read access to your personal account projects and resources, but not write access.
Who can I contact if something seems off?
Please contact us using the “Account Management” case type if you have questions about this change or notice something wrong with your account.
After talking to hundreds of developers and looking at thousands of Next.js repositories, I've noticed ten common mistakes when building with the Next.js App Router.
This post will share why these mistakes can happen, how to fix them, and some tips to help you understand the new App Router model.
You can now create HTTPS
DNS records in Vercel DNS.
The new HTTPS
DNS record type, also known as SVCB or Service Binding record, has recently been published as RFC 9460.
This record type is designed for the HTTP protocol to improve client performance and privacy in establishing secure connections. The record can include additional information about the target server, such as supported ALPN protocols (e.g., HTTP/2, HTTP/3, etc), which can eliminate the need for protocol negotiation/upgrade between client and server to minimize the number of round trips.
Since the HTTPS
record type is still a new standard, not all HTTP clients can support it. Learn more in our documentation.
Inefficient developer workflows. Poor user experience. Sluggish site performance. These are common woes that customers come to Vercel to alleviate. They result in costs that affect your team’s day-to-day workflow and impact your organization’s bottom line.
But stakeholders still want to know the answer to a simple question: What will the quantifiable ROI on Vercel be?
Deployment summaries help you understand how changes in your frontend application code lead to managed infrastructure on Vercel. We've improved the output with the following:
Static assets now display a leading /
for output paths
Files sizes are now vertically aligned for easier visual scanning
Next.js Metadata outputs are properly categorized under static assets
Partial Prerendering now displays the generated Vercel Functions
Read more in our documentation or learn more about framework-defined infrastructure.
In a large team, creating new code should never be scary. Finding where to place code shouldn't be difficult. And deploying new code certainly shouldn't break anything.
Ideally, your codebase feels transparent: easy to create, adjust, and monitor.
The Frontend Cloud offers a complete Developer Experience (DX) Platform, so you don't have to spend so much developer time curating and maintaining systems that can be easily automated.
Instead, you get centrally-located and collaborative tooling—Git-based workflows with automatic staging environments and more—where you can easily leverage the self-serve tools in front of you that just work by default.
You can now manage your Vercel Blob files from the dashboard using the new file browser:
View individual files or folders
Upload new files, including support for drag-and-drop and bulk uploads
Delete individual files or in bulk
Vercel Firewall protects your application from DDoS attacks and unauthorized access.
Enterprise teams now have increased security with the ability to control traffic and restrict access through static IP addresses or entire network CIDR ranges.
Stay secure by blocking entire subnets, or restricting access from untrusted networks, to prevent attacks against your applications.
Learn more in our documentation or contact our sales team to upgrade to Enterprise.
Recently the Vercel Team had the pleasure of sponsoring AWS re:Invent 2023. This year we attended as an official part of the AWS Marketplace, which makes it possible to onboard and build on Vercel in just a few clicks.
While at re:Invent, I was able to share my thoughts on The Frontend Cloud, Generative UI, and the keys to a highly iterative team. Here’s a look at my talk.
Log Drains now support the following options through the dashboard and API:
Filtering based on environment (production or preview)
Configuring a sample size to reduce the throughput
Learn more in our documentation.
Instant Rollback enables you to quickly revert to a previous production deployment, making it easier to fix breaking changes.
You can now choose to prevent the automatic assignment of production domains when rolling back. Reverted deployments will not be replaced by new production deployments until you manually promote a new deployment.
Learn more in our documentation.
You can now control when domains are assigned to deployments, enabling the manual promotion of production deployments to serve traffic.
When a new deployment is created (with our Git Integrations, CLI, or REST API), Vercel will automatically apply any custom domains configured for the project.
You can now create staged deployments that do not assign domains, which can later be promoted to production and serve traffic. This is helpful for custom workflows and having multiple production environments for QA or testing.
From the dashboard
Disable the assignment of domains for your production branch in your Git project settings.
Find your deployment from the list of all deployments and use the right menu to select Promote to Production.
From the CLI
vercel --prod --skip-domain
vercel promote [deployment-id or url]
Learn more in our documentation.
You can now initiate new deployments directly from the dashboard using a git reference. This approach is helpful when git providers have service interruptions with webhook delivery.
To create a deployment from a git branch or SHA:
From the dashboard, select the project you'd like to create a deployment for.
Select the Deployments tab. Once on the Deployments page, select the Create Deployment button in the three dots to the right of the Deployments header.
Depending on how you would like to deploy, enter the following:
Targeted Deployments: Provide the unique ID (SHA) of a commit to build a deployment based on that specific commit.
Branch-Based Deployments: Provide the full name of a branch when you want to build the most recent changes from that specific branch.
Finally, select Create Deployment and Vercel will build and deploy your commit or branch.
When the same commit appears in multiple branches, Vercel will prompt you to choose the appropriate branch configuration. This choice is crucial as it affects settings like environment variables linked to each branch.
Learn more in our documentation.
Enterprise customers now have faster build compute infrastructure by default.
Builds are now 15% faster than Pro by median, and 7% faster than the previous Enterprise build infrastructure. Additionally, Enterprise customers can now purchase enhanced build machines with larger memory and storage.
Learn more about builds or contact us to upgrade to Enterprise.
Vercel Functions now scale 12x faster for high-volume requests on paid plans:
The default concurrency quota has increased to 30,000
Scale out by 1,000+ concurrency every 10 seconds automatically
Ideal for unpredictable traffic or flash sales
Learn more about automatic concurrency scaling with Vercel Functions.
Searching across the Vercel documentation is now faster and more intuitive with a redesigned ⌘+K
menu that includes:
Cross-platform search: Search across Vercel, Next.js, and Turborepo documentation sites from the Vercel docs or dashboard.
Customized search results: Filter your search by choosing specific platforms–Vercel, Next.js, or Turborepo–or view all results combined.
Most relevant results: Quickly view the three most relevant results to your query, ensuring you get the best matches instantly.
You can access the menu by pressing ⌘+K
on macOS or Ctrl+K
on Windows and Linux from the Vercel documentation site or dashboard with Shift+D
.
Check out the documentation to learn more.
Speed Insights measures site performance and helps you understand areas for improvement. This includes Core Web Vitals like First Contentful Paint, Largest Contentful Paint, Cumulative Layout Shift, and more.
The Speed Insights experience has been improved to include:
Support for all frontend frameworks: You can now use Speed Insights with any framework using the new @vercel/speed-insights
package. This includes supporting dynamic route segments in frameworks like SvelteKit and Remix.
First-party data ingestion: Data will now be processed directly through your own domain, eliminating the third-party domain lookup.
Updated scoring criteria: All previous and future metrics measured by Speed Insights are now updated with new weights, based on the latest guidance from Core Web Vitals and Lighthouse.
UI improvements: You can now view performance data by region. Displayed metrics now default to p75 (the experience of the fastest 75% of your users).
Time to First Byte (TTFB): This metric is now measured, providing visibility into how quickly the server responds to the first request.
Advanced customization: New tools to intercept requests and set sample rates on a per-project basis.
Speed Insights is available on all plans. Learn more about upgrading to the new package and see how to take advantage of the new features.
As organizations grow, it can become hard to sustain fast release cycles without diminishing code health and letting errors slip into production. It shouldn't be this way. We should be able to move fast without breaking things—making quick updates and innovating while retaining great performance, security, and accessibility.
Today, we're releasing new features to Vercel's Developer Experience Platform to help Enterprise teams ship higher quality code, with the same velocity even as teams and codebases scale.
Today, we're releasing new features to Vercel's Developer Experience Platform to help Enterprise teams ship higher quality code, faster—even as teams and codebases scale:
Conformance: Maintain high-quality code standards across projects in your codebase.
Conformance CLI: Run Conformance in your CI/CD systems to block the merge of new code, or run it locally to catch issues before even committing them.
Custom Rules: Add organization-specific rules to ensure codebase consistency.
Code Owners: Integrate with your Git client for streamlined code reviews and smart reviewer assignments.
Reviewer Assignments: Intelligent code review assignments based on your organization's structure.
Modifiers: Customize your review process to fit your team's needs. Assign reviews in a round-robin style, based on who's on call, or to the whole team.
A reimagined dashboard experience: When you start using Conformance, you’ll see a reengineered workspace to surface code health insights, aid cross-team collaboration, and ensure a better onboarding experience for new team members.
Check out the documentation to learn more or contact us to get started.
The world's best websites load before you've finished this sentence.
Those websites can't be static, but serving performance and personalization to a global user base has historically been complex.
In the previous article of this series, we mentioned that the primary goal of Vercel's Frontend Cloud is to collect industry-best practices into one easy-to-use workflow, integrating new and better solutions as they come.
In this article, we'll look at why speed and personalization matter to your business, and how the Frontend Cloud gives you abundant options for both.
Tinloof is an agency obsessed with delivering fast websites such as jewelry brand Jennifer Fisher, which went from a Shopify theme to a modern Next.js website that instantly loads with 80% less JavaScript.
We've upgraded our Managed Infrastructure resulting in up to 45% faster routing at p99 and reliability improvements for all plans.
When a request is made to a Vercel-managed site, traffic is routed to the nearest Edge Network region with our Anycast routing. Vercel processes the request, identifies the deployment to serve, and instantly retrieves related metadata about the requested deployment.
Now with optimized metadata retrieval and routing, this performance enhancement benefits all workloads. Responses to static resources are then fetched from storage, or dynamic content is generated through Vercel Functions, based on the routing details from the deployment metadata.
These infrastructure improvements benefit all existing and new deployments. Deploy now or learn more about Vercel's Managed Infrastructure.
Following the Node.js 16 end of life on September 11, 2023, we are deprecating Node.js 16 for Builds and Functions on June 15, 2024.
Will my existing deployments be affected?
No, existing deployments with Serverless Functions will not be affected.
When will I no longer be able to use Node.js 16?
On June 15, 2024, Node.js 16 will be disabled in project settings. Existing projects using 16 as the version for Functions will display an error when a new deployment is created.
How can I upgrade to Node.js 18?
You can configure your Node.js version in project settings or through the engines
field in package.json
.
How can I see which of my projects are affected?
You can see which of your projects are affected by this deprecation with:
Translating designer brand experiences to the digital world requires putting complete control in the hands of the developer. A lack of ability to fine-tune performance optimizations and application decisions often limits UI possibilities.
Ruby v3.2 is now generally available, and is the new default runtime version for Ruby based Builds and Serverless Functions. Additionally, Ruby v2.7 will be discontinued on December 7th, 2023.
Existing deployments that use Ruby v2.7 will continue to work
New deployments will use Ruby v3.2 by default, or if ruby "~> 3.2.x"
is defined in the Gemfile
After December 7th, 2023, new deployments that define ruby "~> 2.7.x"
in the Gemfile
will no longer build
Only the minor version (3.2
) is guaranteed, meaning we will always use the latest patch version available within the minor range.
Read the documentation for more.
Core web app decisions tend to center the backend, due to its complexity and impact over huge swaths of the business.
However, frontends have grown far more important and complex in their own right. When not prioritized, the intricate infrastructure around them can quickly spin out of control, dragging teams into untold amounts of tech debt.
As decoupled architecture becomes more common, developers are turning to the Frontend Cloud to automate away the behind-the-scenes hassles of creating and growing dynamic websites.
Instead of managing infrastructure as a separate step of the development process, the Frontend Cloud provisions global infrastructure for you, based on your existing application code.
This approach to web development massively increases developer velocity, allowing your team to experiment safely and meet shifting market demands. Teams of all sizes can effortlessly scale global apps while maintaining the highest possible bars for performance, personalization, and security.
You can think of the backend cloud as your cost center and the Frontend Cloud as your profit center.
Comments on your deployments can now be converted into Jira issues. This makes it easy to take action on feedback in the workflows your team is already using.
You can name your issue and select the project and issue type without leaving your deployment. Issues retain the full thread history with any attached images and include a link back to where the comment was left.
Jira is part of our growing collection of integrations for comments which includes Slack and Linear, available to Pro and Enterprise users as well as Hobby users with public git repositories.
Check out the documentation to learn more.
Scaling a codebase is an integral, and inevitable, part of growing a software company.
You may have heard many terms thrown around as answers — monoliths, monorepos, micro frontends, module federation, and more.
At Vercel, we’ve helped thousands of large organizations evolve their codebases, and we have an opinion on the optimal way to build software.
As of today, Node.js version 20 can be used as the runtime for Builds and Serverless Functions. Select 20.x
in the Node.js Version section on the General page in the Project Settings. The default version remains Node.js 18.
Node.js 20 introduces several new features including:
New experimental permission model
Synchronous import.meta.resolve
Stable test runner
Performance updates to V8 JavaScript Engine and Ada (URL Parser)
Node.js 20 is faster and introduces new core APIs eliminating the need for some third-party libraries in your project. Support for Node.js 20 on Vercel is currently in beta.
The exact version used by Vercel is 20.5.1 and will automatically update minor and patch releases. Therefore, only the major version (20.x
) is guaranteed.
Read the documentation for more.
Vercel Cron Jobs let you to run scheduled jobs for things like data backups or archives, triggering updates to third-party APIs, sending email and Slack notifications, or any task you need to run on a schedule.
By using a specific syntax called a cron expression, you can define the frequency and timing of each task. Cron Jobs work with any frontend framework and can be defined in vercel.json
. You can use them to run your Serverless Functions and Edge Functions.
During the beta, we made Cron Jobs more secure by providing an environment variable with the name CRON_SECRET
. We also added support for Deployment Protection and Instant Rollback.
Cron Jobs are now included for customers on all plans. Per account, users on the Hobby plan will have access to 2 Cron Jobs, users on the Pro plan will have access to 40 Cron Jobs, and users on the Enterprise plan will have access to 100 Cron Jobs.
Check out our documentation or deploy an example with Cron Jobs.
Vercel can now automatically detect and replay layout shifts on your deployments from the Vercel Toolbar.
Layout shifts are reported and notified through the Toolbar. Each reported shift includes a summary of what caused the shift and how many elements it affected. Additionally, you replay and animate the shift to see it again.
The Toolbar is automatically added to all Preview Deployments, but can also be used in localhost and in production (likely behind your own staff authentication checks) when using the @vercel/toolbar package.
Check out the documentation to learn more.
At this year’s Next.js Conf, we discussed the developer and user experience challenges of global delivery of dynamic web applications. How can we fetch data without expensive waterfalls and also deliver content directly from the edge?
The answer to all of these current challenges: Partial Prerendering (PPR).
PPR combines ultra-quick static edge delivery with fully dynamic capabilities and we believe it has the potential to become the default rendering model for web applications, bringing together the best of static site generation and dynamic delivery.
Today, you can try an experimental preview of PPR with Next.js 14 on Vercel or visit our demo for a first impression of PPR.
A security vulnerability was discovered that affects Sentry’s Next.js SDK, which made it possible to exploit Sentry’s Tunnel feature to establish Server-Side Request Forgery (SSRF) attacks.
The Sentry team has already released a patch with the latest version 7.77.0.
While we still recommend updating to the latest version of the Sentry SDK, Vercel has taken proactive measures on our firewall to protect our customers.
We will continue to proactively protect all Sentry + Next.js deployments on Vercel through the Vercel Firewall, regardless of Sentry's Next.js SDK version running.
Vercel Edge Config is our global low-latency data store for feature flags, experiments, and configuration metadata. Now, backups of your Edge Config are automatically created with every update to an Edge Config's items. You can restore backups from the Storage tab in your Vercel dashboard.
Customers on all plans can take advantage of backups. Hobby customers have 7 days of backup retention, Pro customers have 90 days of backup retention, and Enterprise customers have 365 days of backup retention.
Check out the documentation to learn more.
You will now see more information in the build logs when your build fails due to either exhausting the available memory (OOM) or disk space (ENOSPC).
In the case of OOM, your build logs will confirm the event. For ENOSPC situations, detailed information on disk space allocation is provided.
Check out our documentation to learn more.
We recently introduced an improved project and team switcher on Vercel, including the option to favorite projects.
Now, favorited projects will also appear in your dashboard overview, and you can easily add and remove them from the context menu.
Web Apps are the ultimate dynamic use-case on the Web. As opposed to websites, web apps typically require or facilitate user-to-data interactions. Applications like customer-facing dashboards, support portals, internal employee apps, and much more require up-to-date, personalized information delivered in a performant and secure way.
Vercel's Frontend Cloud offers support for deploying complex and dynamic web applications with managed infrastructure so you have control and flexibility without having to worry about configuration and maintenance—and yes, this means everything required to serve your App.
At this year's Next.js Conf, thousands of community members tuned in to learn about updates to the framework thousands of developers deploy with everyday. Among the announcements were:
Ensure your past production deployments remain secure by enabling Standard Protection as the default setting for your deployments. With Standard Protection, Vercel Authentication or Password Protection will ensure that all of your preview and production deployments remain secure.
Migrating existing deployments to use Standard Protection will protect both preview and generated production URLs. Standard Protection restricts access to the production generated deployment URL
Learn more about migrating to Standard Protection in our documentation.
Deployment Protection is available on all plans.
Trusted IPs are a feature of Deployment Protection that allow you to limit access to your deployments by IP address. Configure Trusted IPs in addition to Vercel Authentication to ensure only your team members can access and make changes to your deployments.
For customers who rely on a VPN or additional proxy, Trusted IPs ensure you can restrict access to your deployments to only users behind the VPN.
You can configure Trusted IPs by specifying a list of IPv4 addresses, or by CIDR ranges.
Trusted IP for Deployment Protection is only available for customers on the Enterprise plan.
Check out the documentation to learn more.
Deployment Protection is now enabled by default for all new projects, and our full set of protection options is now generally available.
Deployment Protection includes a series of features that ensure you can keep your Vercel deployments secure. Secure your Preview and Production deployments with:
Vercel Authentication: Restricts access to your deployments to only Vercel users with suitable access rights. Vercel Authentication is available on all plans.
Password Protection: Restricts access to your deployments to only users with the correct password. Password Protection is available on the Enterprise plan, or as a paid add-on for Pro plans.
Trusted IPs: Restricts access to your deployments to only users with the correct IP address. Trusted IPs is available in addition to Vercel Authentication and available as a part of the Enterprise plan.
To configure existing deployments with Deployment Protection, you can use this migration guide. For all new deployments, Deployment Protection with Vercel Authentication is now enabled by default.
Check out the documentation to learn more.
Next.js 14 is fully supported on Vercel. Build data-driven, personalized experiences for your visitors with Next.js, and automatically deploy to Vercel with optimizations, including:
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.js 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 the Vercel Data Cache, a new caching architecture that can store both static content and data fetches.
React Server Actions: Server Actions enable you to skip manually writing APIs and instead call JavaScript functions directly for data mutations. On Vercel, Server Actions use Vercel Functions.
Partial Prerendering (Experimental): A new compiler optimization for dynamic content with a fast initial static response based on a decade of research and development into server-side rendering (SSR), static-site generation (SSG), and incremental static revalidation (ISR).
Additionally in Next.js 14 you will find:
Turbopack: 5,000 tests passing for App & Pages Router with 53.3% faster local server startup and 94.7% faster code updates with Fast Refresh.
Forms and mutations: The user experience is improved when the user has a slow network connection, or when submitting a form from a lower powered device.
Metadata: Blocking and non-blocking metadata are now decoupled. Only a small subset of metadata options are blocking, and we ensured non-blocking metadata will not prevent a partially prerendered page from serving the static shell.
Logging: More verbose logging around fetch caching can be enabled.
create-next-app:
There is now an 80% smaller function size for a basic create-next-app
application.
Memory management: Enhanced memory management is available when using edge
runtime in development.
Check out our documentation to learn more.
In the latest version of Next.js, we've made improvements to optimize package imports, improving both local dev performance and production cold starts, when using large icon or component libraries or other dependencies that re-export hundreds or thousands of modules.
This post explains why this change was needed, how we've iterated towards our current solution, and what performance improvements we've seen.
Vercel Postgres, our serverless SQL database, is now available for Hobby and Pro users.
During the beta period, we reduced cold start times to 100-200ms and fixed several bugs around handling connections. Usage prices have also been lowered from the beta:
Total storage:
reduced 60% from $0.30/GB to $0.12/GB
Written data:
reduced 4% from $0.10/GB to $0.096/GB
Data transfer: reduced 55% from $0.20/GB to $0.09/GB
Billing will begin on October 19th and Pro users have the following usage included:
1 database then $1.00 USD per additional database
100 hours of compute time per month then $0.10 USD per additional compute-hour
512 MB total storage then $0.12 USD per additional GB
512 MB written data per month then $0.096 USD per additional GB
512 MB data transfer per month then $0.09 USD per additional GB
If you were a beta participant and want to opt out of using Vercel Postgres, you can backup your database and delete it.
Check out the documentation to learn more.
With Vercel and Medusa at the helm of their frontend stack, Copenhagen-based bedding brand Tekla can handle high traffic while providing fast, personalized digital experiences to their customers.
Agilo, a digital design and development agency, wants to provide the best solutions possible for their clients. When the ecommerce brand Tekla turned to the agency for additional development support, Agilo came with a plan. By upgrading Tekla’s composable setup, the agency provided Tekla with enough speed and reliability to handle their growing traffic volume and deliver personalized digital experiences.
A few weeks ago, we introduced v0: a product that makes website creation as simple as describing your ideas. We call it Generative UI—combining the best practices of frontend development with the potential of generative AI.
The interest in v0 has been incredible, with 100,000 people registering for the waitlist in just three weeks. Today, we’re transitioning v0 from Alpha to Beta, rolling out access to 5,000 additional users, and introducing subscription plans for those who want to unlock the full v0 feature set.
At Vercel, we consistently monitor and update our security protocols to address emerging threats. A new vulnerability, known as the HTTP/2 Rapid Reset Attack (CVE-2023-44487), has the potential to disrupt HTTP/2-enabled web servers.
Rapid Reset is a vulnerability possible in the HTTP/2 protocol involving quickly initiating and canceling streams. It can be used to launch large denial-of-service attacks, negatively affecting performance and availability.
We've taken proactive steps to refine our infrastructure and strengthen our defenses. Our improved system can now more efficiently handle the HTTP/2 Rapid Reset Attack.
An essential component of our defense strategy is inline network traffic monitoring, where we identify malicious TCP connections and terminate them. Limiting abuse over a single connection has enabled Vercel to protect against HTTP/2 Rapid Reset Attack.
Combining our existing system with new improvements, all applications on Vercel are even further resistant to the HTTP/2 Rapid Reset Attack.
We want to assure you that your web assets are protected against the HTTP/2 Rapid Reset Attack. We're committed to consistently improving our security measures in response to new threats to ensure safety and reliability for all users.
Vercel Web Analytics now supports tracking custom events on the server-side, in addition to existing support for client-side tracking.
Events can now be tracked from Route Handlers, API Routes, and Server Actions when using Next.js (or other frameworks like SvelteKit and Nuxt) through the track
function.
Custom event tracking is available for Pro and Enterprise users.
Check out the documentation to learn more.
Vercel's Slack integration now includes Comments. Once the Vercel Slack app is installed, you can subscribe to messages in a channel about all Comments made on your team's deployments or Comments made on specific projects.
If you configured the Slack app before October 4th, 2023, the updated app requires new permissions. You must reconfigure the app to subscribe to new Comment threads and link new channels.
You will get a Slack message for each new Comment, and replies in Slack will automatically appear in the Comment thread on your deployment. You can also log in to the integration with your Vercel account to get DMs about comments relevant to you.
Install the integration in our marketplace, or visit the documentation to learn more.
Serverless infrastructure can instantly and infinitely scale. While powerful, this has had tradeoffs. An unforced error or traffic spike could cause an unexpected bill.
Today, we'll begin rolling out Spend management on the Pro plan for the Billing and Owner roles. You can recieve notifications and trigger webhooks when you pass a given spend amount on metered resources like Functions. The actions you can take are:
When your spending approaches or exceeds the set limit, you'll receive realtime notifications to help you stay in control. This includes Web and Email notifications at 50%, 75%, and 100%. Additionally, you can also receive SMS notifications when your spending reaches 100%.
Setting a spend amount does not mean your project with pause automatically. To programmatically take action based on your set amount, you can use a webhook to pause your project, or even put your site into maintenance mode.
Check out our documentation to learn more.
You can now use ⌘K
(or Ctrl+K
on Windows) to open the Command Menu on any deployment where the Vercel Toolbar is enabled, including production and localhost. You can use Cmd + Shift + K
if you're viewing a deployment of a website that has its own ⌘K
menu.
Users can now navigate between a deployment and other Vercel pages relevant to the project directly through the menu.
Check out our documentation to learn more.
You can now receive and view Comment notifications in the Vercel dashboard.
Notifications for new Comments are shown in the dashboard with a counter on the bell icon. You can quickly resolve Comments there or filter by specific pages, branches, or authors.
Check out our documentation to learn more.
Based on your feedback, rather than pausing a deployment when exceeding the included Image Optimization usage, Vercel will now only pause optimization for additional source images.
Your existing images and all traffic will not be affected
Additional source images will throw a 402 status code when optimizing, triggering the onError
callback (if provided) and showing the alt
text instead of the image
Check out our documentation to learn more.
When creating and editing Environment Variables on Vercel, you can now see hints that will warn you of potential typos in the name. This includes issues like:
New line characters
Tabs
Spaces
New line
Carriage return
Vertical tab
Form feed
Non-breaking space
Non-breaking space (fixed width)
Zero-width space
Zero-width non-joiner
Zero-width joiner
Line separator
Paragraph separator
Narrow non-breaking space
Medium mathematical space
Ideographic space
Zero-width no-break space
Learn more about Environment Variables.
Comments and other collaboration features are available in all Preview Deployments on Vercel. Now, you can enable them in Production Deployments and localhost by injecting the Vercel toolbar on any site with our @vercel/toolbar
package.
By using the @vercel/toolbar
npm package you and your team can leave feedback with Comments, take advantage of Draft Mode to view unpublished CMS content, or use Visual Editing on your production application.
This package is available to users on all plans and is our first step in bringing the Vercel Toolbar into your production sites.
Check out the documentation to learn more.
Whop, an online marketplace for digital products, recognized the importance of having a seamless developer and end-user experience and aimed to transform their platform with a modern tech stack.
To achieve this, they focused on migrating from Ruby on Rails to Next.js, quickly followed by the incremental adoption of App Router for even better page speed and developer experience.
L’Officiel Inc. is a century-old fashion media group representing 10 renowned publications in more than 80 countries. Despite its global reach, the brand has a small team that maintains its 30 web properties, while also developing new features and working on special projects sold to clients.
Based on your feedback, we’re improving Serverless Functions as follows:
Pro customers can now run longer functions for up to 5 minutes.
Pro customers default function timeout will be reduced to 15 seconds on October 1st.
These changes help prevent unintentional function usage, unless explicitly opted into the longer function duration.
Beginning October 1st, all new projects will receive a default timeout of 15 seconds. In addition, any projects that have not had functions run for more than 15 seconds will have their default timeouts reduced to 15 seconds.
To avoid unexpected timeouts, any projects that have had functions running for longer than 15 seconds (less than 1% of traffic) will not have their defaults changed.
Existing defaults still apply for Hobby and Enterprise customers.
Check out our documentation to learn more.
Vercel now supports Remix v2. Deploy your Remix application on Vercel with advanced support for:
Streaming SSR: Dynamically stream content with both Node.js and Edge runtimes
API Routes: Easily build your serverless API with Remix and a route loader
Advanced Caching: Use powerful caching headers like stale-while-revalidate
Data Mutations: Run actions
inside Serverless and Edge Functions
Deploy our Remix template to get started.
Today, we’re introducing more ways for Enterprise customers to have control over which members of their Vercel team have access to certain projects for increased security.
The new team level role Contributor, has restricted access to make changes at the project level, and only has access to the projects to which they’ve been assigned. This role can be useful for agencies and contractors working on a limited project basis.
Additionally, we’ve introduced new Project level roles: Project Admin, Project Developer, and Project Viewer. Project level roles are assigned to a team member on a project level and are only valid for the project they are assigned to.
Check out the documentation to learn more.
Vercel Blob is a fast, easy, and efficient solution for storing files in the cloud, perfect for large files, like videos.
The Vercel Blob works with any framework. It can be securely called from Edge and Serverless Functions and returns an immutable URL that can be exposed to visitors or put into storage.
This feature is now in public beta and available for all Hobby and Pro customers.
Check out our documentation to learn more.
You can now create and save presets of your commonly used filters for all of your Runtime Logs searches. You can save presets to either My Project Presets (related to your personal account) or Team Project Presets. Personal presets can only be viewed and edited by the user who created them.
This feature is available to users on all plans.
Check out our documentation to learn more.
Today, we’re excited to announce our achievement of the ISO 27001:2013 (ISO 27001) certification. This further strengthens our commitments to security in Vercel’s Frontend Cloud.
Software engineers strive to build experiences that delight and engage customers, but there are plenty of workflow roadblocks that can stand in the way of shipping great software quickly.
In this blog, we'll break down the costs of poor developer experience and share some tactics that can help promote a healthy development workflow.
Failed or canceled builds now have better feedback clearly displayed on the Vercel dashboard in the deployment details page.
The following build failures now have more helpful error messages:
An invalid vercel.json
configuration
Canceled builds due to the ignore build step
A newer commit in the branch triggering a more up-to-date deployment
Check out our documentation to learn more.
We have achieved the ISO 27001:2013 certification to further strengthen our commitment to security at Vercel.
We're committed to keeping your data safe: ISO 27001 provides a framework for establishing, implementing, operating, monitoring, reviewing, and maintaining information security controls.
You can verify Vercel’s security practices: You have additional validation to assess Vercel with this globally recognized certification, along with our SOC 2 Type 2 attestation.
We're committed to compliance: As part of our adherence to ISO 27001, we’ll continue with ongoing surveillance audits.
Learn more about security at Vercel.
In 2022, Hydrow, celebrated for its personal rowing machines and immersive workout content, was in search of a seamless digital experience for its users.
Shopify Liquid and WordPress offer robust capabilities, but Hydrow required more custom, dynamic content capabilities.
Projects using Bun as a package manager can now be deployed to Vercel with zero configuration.
Like yarn, npm, and pnpm, Bun acts as a package manager focused on saving disk space and boosting installation speed. Starting today, Projects that contain a bun.lockb
file will automatically run bun install
as the default Install Command using bun@1
.
This change impacts the build phase but not runtime. Therefore, Serverless Functions will not use the Bun runtime yet.
Check out the documentation to learn more.
We’ve been porting Turborepo, the high-performance build system for JavaScript and TypeScript, from Go to Rust. We talked about how we started the porting process, so now let’s talk about how we began porting our two main commands: run
and prune
.
In 2023, there are few software projects that are true greenfield endeavors. Instead, migrations of existing systems are the new normal. Migrations done wrong can introduce substantial business and timeline risks into any software project. An incremental migration strategy can minimize those risks while pulling forward validation of business impact.
Vercel’s product is designed to support incremental migration from the ground up. In this post you'll get a high-level overview of incremental migration strategies and considerations.
You can now use the Hypertune integration to initialize the Hypertune SDK from Vercel Edge Config with zero latency. This allows you to access your feature flags and run A/B tests with no performance impact to your applications.
This integration is available for users on all plans.
Check out the integration to get started.
Earlier this week, we held Demo Day for the Vercel AI Accelerator program. 28 talented AI teams showed off the impressive demos they built over the 6 weeks of the program, in 3 minutes each.
Watch the demo day recording.
We've redesigned and improved the Vercel documentation with:
Updated navigation: Navigation is now separated by product categories. You can quickly view all products in a category by hovering the navigation item.
Customization: You can use the global frameworks toggle to show code examples with your favorite framework.
All Products page: You can now see all Vercel products on a single documentation page.
Improved mobile design: The new mobile-friendly navigation enables you to discover and read easily when you’re on the go.
Get started with the Vercel documentation today.
As the world’s leading sound experience company with a 20-year legacy of innovation and over 3,000 patents, Sonos understands the importance of a robust digital presence that reflects the brand’s cutting-edge ethos.
However, for years, the high costs and slow builds of their web infrastructure hindered developers from making critical site updates. The solution: a transition to a headless, composable architecture using Vercel and Next.js.
The switch resulted in a remarkable 75% improvement in build times, empowering developers to innovate with ease and confidence.
When American Bath Group realized their team’s productivity was being interrupted by inefficient collaboration, they turned to the full-service digital agency Konabos for help. Konabos supported American Bath Group in moving away from their monolithic setup—the cause of their lagging dev velocity—in favor of a composable stack comprised of Vercel, Next.js, and Kontent.AI. Now with Vercel’s streamlined deployments and infrastructure, American Bath Group can deploy 50% faster, shorten review cycles, and enjoy a better developer experience.
Enterprise customers are now able to configure builds of their Production deployments to begin before any builds of their Preview deployments.
With this setting configured, any Production Deployment changes will skip the line of queued Preview Deployments, so they're ready as soon as possible.
You can also increase your build concurrency limits to give you the ability to kick off multiple builds at once.
Read more in our documentation.
Vercel now supports and automatically optimizes your Hydrogen 2 projects as of Vercel CLI v31.2.3
. When importing a new project, it will detect Hydrogen and configure the right settings for optimal performance — including using Vercel Edge Functions for server-rendering pages.
Deploy the Hydrogen template or run vercel init hydrogen-2
command in your terminal to get started.
You can now leave comments when creating a new DNS record in Vercel. In addition, you can also edit comments on existing DNS records.
New records created by an Email Preset will include a comment explaining why a record was added.
Check out our documentation to learn more about DNS records.
Pro customers can now create and view support cases on the Vercel dashboard.
The Vercel Support Center allows you to create support cases, view their statuses, and receive any messages from our Customer Success team. All cases are securely stored to safeguard your data.
Check out the documentation on Support Center to learn more.
Today, we’re excited to introduce Next.js Commerce 2.0.
React Server Components (RSCs) augment the fundamentals of React beyond being a pure rendering library into incorporating data-fetching and remote client-server communication within the framework.
Below, we’ll walk you through why RSCs needed to be created, what they do best, and when to use them. We'll also touch on how Next.js eases and enhances the RSC implementation details through the App Router.
Preview URLs are now shareable at the beginning of the build process, instead of after the build finishes.
The Preview URL in the video above is surfaced both in the dashboard and in the Vercel Bot comments attached to the pull request. Customers on all plans will now see this functionality automatically on all new builds.
Check out the documentation to learn more.
Founded in 1903, Andersen Windows started out by floating log booms down the St. Croix River to build artisan window frames. Fast forward to 2023, and they’re still harnessing the latest and greatest technology to better serve their customers while earning $3.4B in annual revenue.
Many Vercel and Next.js users deal with large swaths of data. But few wrangle data in the way The Washington Post Elections Engineering team does.
Knowing their platform must be fast and visually compelling—all while handling constant updates from thousands of federal, state, and local elections—The Post moved to Next.js and Vercel for the 2022 US midterm elections.
The Vercel Postgres SDK has significantly improved performance for Postgres queries from Vercel Edge Functions.
The @vercel/postgres
package has been updated to use the latest version of Neon’s Serverless driver which adds support for SQL-over-HTTP when you use the sql
template literal tag. Simple queries that do not require transactions now complete in ~10ms—up to a 40% speed increase.
You do not need to make any changes to your queries to see these improvements, you only need to update to the latest version of @vercel/postgres
to take advantage of these improvements.
We've added new options to the "Connected Git Repository" settings in the Vercel dashboard. It's now possible to configure whether the Vercel bot comments on:
Pull Requests
Production Commits
These settings are available for all connected repositories, not just GitHub repositories.
Previously, there was a github.silent
setting available in vercel.json
that didn't allow more granular control over disabling comments. We will be deprecating that option on Monday, September 25, 2023. There is no action required at this time to prepare for deprecation. Until that date, if you set that option in your vercel.json
file we will continue to read it, and update the configuration in the dashboard accordingly.
The Split integration syncs the feature flags you have in Split already into Vercel Edge Config to help safely launch your releases and experiments.
With near-zero latency storage provided by Vercel Edge Config your feature flags are immediately available to SDKs within the Vercel network. This improves performance and load experience when deploying features and experiments; all while Split keeps your data up-to-date.
This integration is available to users on all plans.
Check out the integration to get started.
Introducing react-tweet
– embed tweets into any React application with a single line of code, without sacrificing performance.
Examine is the Web’s largest database of nutrition and supplement research—empowering their users with scientific data to inform healthier lives.
Prior to adopting Vercel’s Frontend Cloud, their five-person dev team was struggling with a pile of tech debt, brought on by their monolithic architecture setup.
The dashboard navigation has received a visual update. You can now see the project icon in the navigation and the mobile version only shows the name of the scope you are currently on to save space.
Check out the documentation to learn more.
In a previous blog post, we talked about why we are porting Turborepo, the high-performance build system for JavaScript and TypeScript, from Go to Rust. Now, let's talk about how.
Today, our porting effort is in full swing, moving more and more code to Rust. But when we were starting out, we had to make sure that porting was feasible for us to accomplish. A migration from one language to another is no small task and there's a lot of research to do up front to ensure that the end goal is attainable.
Here’s how we started the process, validated our current porting strategy, and made the call to port Turborepo to Rust.
React 18 has introduced concurrent features that fundamentally change the way React applications can be rendered. We'll explore how these latest features impact and improve your application's performance.
In a world of accelerating digital innovation, we need tools that transform the web development landscape. In his recent Figma Config keynote, Guillermo Rauch spoke about how we at Vercel enable builders—non-developers included—to tighten the cycle of design and deploy.
Below, we’ll dive behind the scenes of the talk and give you tangible ways to try out Vercel’s Frontend Cloud.
Today, we’re announcing the participants of Vercel’s AI Accelerator—a program for the brightest AI builders and early-stage startups.
We're thrilled to include both prominent builders and rising startups solving interesting or impactful problems, like using AI for cancer detection or transforming how academic research is made available.
We received over 1500 applications from talented startups and individuals and accepted 40, which is less than 3% of applications. The 40 accepted participants are presented below.
Pro teams can now assign the Billing Role to a single user.
The Billing Role allows them to view invoices and edit payment settings, as well as provides read-only access to all projects on a team. Pro teams can add one team seat for free that has the Billing Role. Enterprise customers can add multiple billing team seats.
Checkout the documentation to learn more.
Today, we are excited to launch the all-new Vercel Platforms Starter Kit — a full-stack Next.js template for building multi-tenant applications with custom domains, built with App Router, Vercel Postgres, and the Vercel Domains API.
You no longer have to write your own commands when configuring your project's Ignored Build Step. We've looked at the most commonly used scenarios to create presets for an easier experience:
Choose a preset to use common configurations of Vercel customers
Select a Node or Bash script from your repository
Write an arbitrary Bash script using the "Custom" option
Check the documentation to learn more about Ignored Build Step.
We're excited to announce a new LaunchDarkly integration to bring low latency, global feature flags to your favorite frontend framework.
Feature flags help your team safely release new code and experiment with changes. Vercel Edge Config helps you instantly read configuration data globally, making it a perfect match for feature flag and experimentation data.
While reMarkable, pioneers of the next-generation paper tablet, can credit much of their initial success to their original website, they knew they’d need to improve key elements of their stack and workflow to reach new heights. The team opted for a composable stack—comprised of Sanity, Next.js, and Vercel—to meet the needs of their developers while empowering their content creators to deliver truly delightful digital experiences.
Today we’re excited to announce updates to Draft Mode, making it easier to see your latest content changes before they’re published.
Draft Mode goes hand in hand with Visual Editing, our real-time content editing feature for websites using headless Content Management Systems (CMSes). When you make changes through Visual Editing, you can guarantee that your edits will show up the next time the page is viewed in Draft Mode.
The ability to process data as it streams has always been a fundamental concept in computer science. JavaScript developers had access to streaming through XMLHttpRequest
, but it wasn't until 2015 that it was accessible natively through the Fetch API.
Web streams provide a standardized way to continuously send or receive data asynchronously across network connections. They bring the power of streaming to the web, enabling developers to handle large data sets through "chunks", deal with congestion control (backpressure), and create highly efficient and responsive applications.
Leveraging web streams in your web apps can enhance the performance and responsiveness of your UIs. The immediate data processing allows for real-time updates and interactions, providing a seamless user experience with quicker load times, more up-to-date information, and a smoother, more interactive interface.
Due to their increasing popularity, the Web Streams API has become a cornerstone of many major web platforms, including web browsers, Node.js, and Deno. In this blog post, we’ll look at what web streams are; how they work, the many advantages they bring to the table for your website, streaming on Vercel, and tools built around web streams that we can use today.
Neo Financial is a next-generation banking app and Canada’s fastest-growing financial services company. They’re leveraging Vercel's frontend cloud to enhance their web development process, boost performance, and meet industry security standards—all while saving on resources.
Draft Mode: Users on any plan can now enable Draft Mode from the Vercel toolbar. When you do so, the toolbar color changes to purple to indicate you are viewing draft content.
Skew Protection: You can now implement Skew Protection to eliminate version skew between web clients and servers on Next.js version 13.4.7 or newer. The Skew Protection platform primitive is available to all frameworks.
Storage transfers: When Hobby users upgrade to Pro, their stores will be transferred to the new team.
Configured Ignored Build Step script: When rebuilding or promoting a deployment in a project with a Ignored Build Step script now you can explicitly skip the ignore build step script, forcing the build to happen.
System environment variables: VERCEL_BRANCH_URL
with the generated Git branch URL has been added to the system env vars to access a deployment’s Git branch alias from within their code.
Faster deployment times: Projects with Edge Functions are now faster to deploy by: 2 seconds on average, 9 seconds in slow cases, and up a 20 second improvement in the slowest case.
Git metadata: You can now see Git metadata for deployments when there are unstaged changes.
Vercel CLI: v30.2.3 was published with updates to dependencies for Node and Remix.
Have you ever seen a 404 for requests from old clients after a deployment? Or gotten a 500 error because the client didn’t know that a new server deployment changed an API? We're introducing a generic fix for this problem space.
Vercel customers are deploying over 6 million times per month, making their businesses more successful one commit at a time. But since the dawn of the distributed computing age, each system deployment has introduced the risk of breakage: When client and server deployments aren’t perfectly in sync, and they won’t be, then calls between them can lead to unexpected behavior.
We call this issue version skew. In the worst case, version skew can break your app, and in the best case, it leads to substantial extra engineering effort as software changes crossing system boundaries must be backward and forward-compatible.
Today, we're introducing Skew Protection for deployments, a novel mechanism to eliminate version skew between web clients and servers. This technology will substantially reduce errors users observe as new deployments are rolled out. Additionally, it will increase developer productivity as you no longer need to worry about backward and forward compatibility of your API changes. Available today for everyone in Next.js and SvelteKit with Nuxt and Astro coming soon.
Svelte has made a name for itself in the world of web development frameworks, thanks to its unique approach of converting components into optimized JavaScript modules. This innovative way of rendering apps eliminates the overhead found in traditional frameworks, leading to more performant and efficient applications.
With the release of SvelteKit 1.0, developers can leverage the power of fullstack Svelte without worrying about breaking changes. Furthermore, SvelteKit continues to evolve, offering a robust set of features and seamless integration with various deployment environments, including Vercel.
Vercel, using framework-defined infrastructure (FDI), has embraced SvelteKit, recently adding support for per-route configuration for Serverless and Edge Functions, Incremental Static Regeneration (ISR), and easier compatibility with a range of Vercel products. In this article, we'll explore how to make your apps more performant, scalable, and user friendly.
With the ability to comment on Preview Deployments, anyone added to your projects can comment directly on copy, components, and interactions. Now with support for markdown, you can format your comments with lists, bold text, links, quotes, and more.
You can trigger these by using inline characters:
*
for bold (or Ctrl/Cmd+B)
_
for italics (or Ctrl/Cmd+I)
~
for strikethrough (or Ctrl/Cmd+Shift+X)
`
for code (or Ctrl/Cmd+E)
>
and space to start a quote
-
or *
or 1.
plus space to start a list
Tab
or Shift+Tab
to change indentation
The toolbar will also have a button for the basic inline styles, and if you click on a link we have a new popup for editing the text and URL.
Check out the documentation to learn more.
Our integration with Azure CosmosDB is now available. With this integration you can easily create Vercel applications with a Cosmos DB database already configured, enabling developers to get the benefits of serverless architecture with a versatile and high-performance NoSQL database.
This feature is available to customers on all plans.
Install the integration or deploy a template with Azure CosmosDB.
Potion.so is a Notion-to-website builder powered by Next.js and Vercel. Founder and sole employee Noah Bragg leverages the Platforms Starter Kit and Vercel's Edge Network to serve 4,000 custom domains and over 100,000 pageviews.
In June 2023, Potion was acquired for $300,000.
Over the past 6 months, AI companies like Scale, Jasper, Perplexity, Runway, Lexica, and Jenni have launched with Next.js and Vercel. Vercel helps accelerate your product development by enabling you to focus on creating value with your AI applications, rather than spending time building and maintaining infrastructure.
Vercel KV, our durable Redis database that enables you to store and retrieve JSON data, is now generally available.
This feature is available for Hobby and Pro users with Hobby users getting 1 Database, 30,000 requests per month, 256 MB total storage, and 256 MB data transfer per month. Pro users will get 1 Database, 150,000 requests per month, 512 MB total storage, 512 MB data transfer per month. Billing will begin on June 20th.
On-demand pricing for Pro users has also been lowered, with total storage reduced 17% from $0.30/GB to $0.25/GB and data transfer reduced 50% from $0.20/GB to $0.10/GB.
To see your usage, visit the the Usage page in the Dashboard. If you want to stop leveraging Vercel KV or see how to optimize your usage, you can stop querying the database and delete it. If you're an Enterprise company interested in using Vercel KV, you can contact us to get started.
Check out the documentation to learn more about Vercel KV.
Today, we’re announcing Vercel’s AI Accelerator – a program for the brightest AI builders and early stage startups. Over a span of 6 weeks, we aim to empower 40 of the industry's top innovators to create and develop next-generation AI apps.
Applications are open for two weeks – apply today.
Visual Editing from Vercel allows you to click-to-edit content on your site, with a direct link to exactly where your content lives in your CMS.
This functionality is now available for Enterprise customers using DatoCMS as their CMS. DatoCMS is now the fourth 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.
Customers using Azure DevOps can now use our extension from the Visual Studio Marketplace to get their deployments triggered automatically whenever they make a new commit or create a new pull request. This makes Azure pipeline development much easier and creates a better integration with other commonly used Azure products, like Azure Key Vault.
The extension can create a comment on the pull requests, containing crucial information about the deployment status and the Preview URL, to help track deployments better.
This feature is available to customers on all plans.
Check out the documentation to learn more or view the extension to get started.
We're excited to share that TinaCMS now supports Visual Editing in Vercel Preview Deployments.
The TinaCMS team is on a mission to bring visual editing to the headless CMS in a way that works for developers. So when we had the opportunity to collaborate with Vercel on this, we didn't hesitate and the results are stunning.
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.
If you've tried a new tech tool recently, this experience might sound familiar: you visit the website, skim the homepage content, but still struggle to understand what the tool will do for you.
The Vercel virtual product tour is a key resource for prospective teams to interactively understand what Vercel can offer. It takes the breadth of information about Vercel and breaks the product down into the most relevant parts.
First, we’ll talk about why we designed the tour the way we did. Then, for the technically curious, we’ll walk through some of the most interesting hows.
Today marks a significant milestone for frontend development.
May 29th is the 10th anniversary of React, a project that has transformed the web industry and reshaped the way we build digital experiences.
A huge congratulations and thank you to the team at Meta, who through their stewardship and relentless innovation, have created and maintained one of the most successful open source projects of all time.
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 the 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 the 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 15th 2023 and June 15th 2024 respectively. 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 15th 2023, Node.js 14 will be disabled in the Project Settings and existing Projects that have Node.js 14 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.
On June 15th 2024, Node.js 16 will be disabled in the Project Settings and existing Projects that have Node.js 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.
We’re excited to announce a strategic partnership with Sanity—the Composable Content Cloud. Sanity is the modern content management system companies use to meet the realities of ever-increasing content complexity and customer expectations.
Giving developers the tools to create at the moment of inspiration is core to both Vercel and Sanity’s DNA. From enabling Sanity Studio to be embedded in a Next.js app to the recent co-development of Visual Editing, we aim to challenge the status quo through joint innovation.
The composability at every layer of Sanity's content stack combined with Vercel’s Frontend Cloud result in the industry’s leading Web architecture for next-generation apps—trusted by organizations like Loom, Morning Brew, and Takeda.
Vercel builds a frontend-as-a-service product—they make it easy for engineers to deploy and run the user facing parts of their applications.
We’re in the midst of the next big platform shift. Last generation we moved from server rooms to the cloud, and today we’re moving from the traditional, backend-oriented cloud to a new frontend cloud.
The frontend cloud is characterized by performance: It enables both faster application development and faster end-user interactions. Each element is critical to success in today’s ultra-competitive software market.
At Clerk, we build authentication for the frontend cloud. We saw the need arise as frameworks and hosts tailored to the frontend cloud grew in popularity, especially Next.js and Vercel. Legacy authentication tools were not built frontend-first, and their technical architecture usually undermines the goal of speeding up end-user interactions, since they’re slow at the edge.
We've been partnering with Nuxt to further integrate the framework with Vercel and support all Vercel products. Nuxt on Vercel now supports:
As companies and codebases grow, it becomes hard to sustain a fast release cycle without letting errors slip in to production. It shouldn't be this way. We should be able to move fast without breaking things—making quick updates while retaining great performance, security, and accessibility.
Today, we're introducing Vercel Spaces, the biggest evolution of Vercel's workflow yet. Introducing powerful tools and conventions designed to integrate with your monorepo setup, to help you scale efficiently while retaining quality.
With Vercel Spaces, you'll find insights on your development workflows, code health and build logs, and brand new functionality to boost efficiency and remove blockers with Conformance, Code Owners, and Vercel Runs. These products, currently available in early private beta for Enterprises, can be used with Vercel regardless of where you host your application.
Adding collaborative comments to Vercel Previews Deployments was our first step towards bringing the workflow of Google Docs and Figma to web development.
Today, we're bringing content editing to your Preview Deployment interface with Visual Editing.
Anyone can visually edit content and experience faster iteration—from developers to marketing teams.
Finding the right balance between developer experience and robust enterprise-grade security can be challenging. Developers want tools that streamline workflows and enhance productivity, while organizations prioritize security measures to protect sensitive data and meet compliance standards. At Vercel, we believe you can have the best of both worlds—exceptional developer experience and top-tier security.
Data is an integral part of the web. As JavaScript and TypeScript frameworks make it easier than ever to server-render just-in-time data, it's time to make databases a first-class part of Vercel's frontend cloud.
Vercel Web Analytics is generally available for insights on your top pages, top referrers, and user demographics such as countries, operating systems, browser information, and more. We're also excited to announce new functionality, filtering and custom events.
Web Analytics is available on all plans and custom events are available for Pro and Enterprise users.
Balancing the intricacies of construction management requires a keen focus on efficiency and innovation. For technology-driven construction management company, CORE Construction, their unique approach hinges on adhering to their set standards within a program called Operational Excellence (OPEX). To reach the pinnacle of OPEX, the CORE team relies on their developers to deliver innovative solutions that push the boundaries of the industry.
Navigating the agency world can be complicated, with each agency claiming to offer the most innovative solutions. Enter Gearbox, a five-person team that crafts stunning sites and apps while empowering their clients to retain complete control over their brand. The secret to their success: a "dev-first approach" that sets them apart from typical marketing and design-focused competitors.
Flexible enough to power both their small team and larger brands, Next.js and Vercel are Gearbox's go-to solutions—even for clients who may not be ready to transition to a headless stack all at once.
Commerce-UI is a boutique agency focused on composable eCommerce that specializes in creating optimized, performant experiences for design-driven brands. Thanks to Next.js and Vercel, they’re able to help clients—like viral sensation Lift Foils—discover headless commerce, while providing a seamless shopping experience to users around the world.
Wunderman Thompson, a global digital agency, specializes in helping brands create and manage their digital presence.
Their teams based in Europe often serve multiple countries and languages, catering to the needs of various portfolio brands, each with its own unique identity.
To tackle these challenges, Wunderman Thompson uses the principles of Atomic Design, a headless CMS, a monorepo workflow, and Vercel's serverless platform. This approach cuts development time by a factor of 10 and costs by a factor of 25 compared to their former method of PHP servers and WordPress monoliths.
In this guide, we'll discuss the importance of choosing the right framework for an efficient developer workflow, and walk you through how to use these techniques to create your own efficient design system deployed on Vercel and the headless CMS of your choice.
mmm.page was founded to provide anyone with the tools to create their own website, regardless of their technical know-how. With fast and early success, having the whole platform as a single page application on Amazon Simple Storage Service (Amazon S3) became untenable as the user base grew into the tens of thousands. That’s why they turned to Vercel. Thanks to Server-Side Rendering (SSR), ease of deployment, and support for custom domains, Vercel makes it simple to manage mmm.page’s scale, monetize their offerings, and continue to innovate.
Configuration data is used to control everything from A/B testing and feature flags to advanced rewrites and bespoke request-blocking rules. However, traditional solutions for managing configuration data can be slow, unreliable, and difficult to scale, which can negatively impact the user experience, latency, and overall effectiveness of your website.
Today we’re announcing the general availability of Edge Config, a new solution for managing configuration data in the cloud designed to be ultra-fast, reliable, and scalable, which can help improve your website's performance and efficiency.
AWS and Vercel have always had a shared vision: accelerating innovation through the power of serverless computing—and helping customers win big in the process.
Managing the complex scaling needs of an online ticketing platform can be challenging. For the French end-to-end ticketing solution Shotgun, ticket drops used to involve stress around scaling and server provisioning. As a company dedicated to providing artists and their fans with the best service, Shotgun now relies on Vercel for seamless launches. So when they drop tickets for artists like Billie Eilish, the team can rest assured their site can handle the traffic.
Since 2012, Google Optimize has been helping web builders experiment with their UIs to find the most effective patterns for their applications. However, Google has announced that Optimize will be sunset on September 30, 2023.
Vercel is ready to help you build a platform to continue your research with higher performance, more control, and better data by leveraging the edge.
As web developers, we know the importance of typography in design. Custom fonts can set the tone for a website and enhance its overall aesthetic. However, using custom fonts can often create issues with website performance and user experience.
One of the biggest issues with custom fonts is the Cumulative Layout Shift (CLS) that occurs when a font takes too long to load. These Flashes of Unstyled Content (FOUC) can alter the positioning of elements already on the page and make it difficult to navigate. CLS and FOUC can also impact an application's search engine ranking.
On Vercel’s external websites, we used to solve these problems with the workarounds that we’ll talk about below. However, with the release of Next.js 13, we switched to next/font
, which cut down on complex code, client-side JavaScript, and layout shift.
Vercel recently became the first serverless computing provider to offer stable support for HTTP response streaming in both Node.js (Lambda) and Edge runtimes. This capability helps developers architect high-performance web applications with a focus on speed, scalability, and efficient resource usage.
Let’s take a look at how Vercel enables streaming for serverless Node.js environments, and how this capability can significantly boost your web app's performance and user experience.
A/B testing and experiments help you build a culture of growth. Instead of guessing what experiences will work best for your users, you can build, iterate, and adapt with data-driven insights to produce the most effective UI possible.
In this article, you'll learn how we built a high-performance experimentation engine for vercel.com using Next.js and Vercel Edge Config, allowing our developers to create experiments that load instantly with zero Cumulative Layout Shift (CLS) and a great developer experience.
We are excited to announce our advanced Remix integration, including support for:
Infrastructure as code (IaC) is the industry-standard practice for provisioning infrastructure in a repeatable and reliable way. Framework-defined infrastructure (FdI) is an evolution of IaC, where the deployment environment automatically provisions infrastructure derived from the framework and the applications written in it.
The best way to understand it is that a build-time program parses the source code written to a framework, understands the intent behind the code, and then automatically generates the IaC configuration needed to run the software. This means more predictable, lower cost, and lower risk DevOps through truly serverless—dare we say, infrastructureless—architecture.
In this article, we’ll explain how framework-defined infrastructure fits into modern views of infrastructure definition and automation. We’ll then show examples of how framework-defined infrastructure improves the experience of developing in open-source frameworks.
We’re excited to share some new additions to our observability suite: Monitoring, now generally available for Pro and Enterprise teams and Logs for users on all plans. These tools give teams on Vercel the ability to quickly identify and resolve issues before they become major problems with an aggregated view of web traffic and performance data.
Adopting a headless, or composable, commerce architecture helps to ensure your digital storefront is high-performing, scalable, and increasing in conversions each year. From Parachute to Under Armour, leading ecommerce brands are choosing to go headless to stay competitive.
Let’s get back to basics and explore what headless commerce is, how it compares to monolithic commerce, and what you should do once you've made the migration to outpace your competitors and reach your KPIs.
The web is any traveler’s first stop when it comes to planning vacations. Cruise Critic (a subsidiary of Tripadvisor) knows just how essential review sites are to today’s traveler; the company serves six million visitors every month. Growing traffic meant that Cruise Critic needed to evaluate their application stack as well as their development workflow in order to scale.
Before today, developers had to choose between either fully static or fully dynamic pages.
With Next.js 13.2, we’re excited to announce the Next.js Cache (beta) and the brand-new Vercel Data Cache (beta). This enables caching only part of your page as static data, while fully dynamically rendering the rest of your application, including accessing real-time and personalized data.
Search engine optimization (SEO) lets customers find and trust you more easily. And yet, improving your application's SEO is too often an opaque process. When SEO success feels like magic, you’re not always sure how to repeat or better it.
In this article, we'll demystify SEO, clarifying some of the most technical aspects of the process. SEO doesn't have to be a chore, and with Next.js on Vercel as your solid foundation, you're ready to build up best practices, seeing exponential gains in the process.
So, let’s start from the beginning.
Plenti is a technology-led consumer lending and investment company that helps borrowers bring their big ideas to life. Established in Australia in 2014, Plenti has funded over $900m of loans to over 55,000 borrowers and has attracted over 22,000 registered investors.
Consumers hold financial services providers to high standards, so a Vercel and Next.js frontend was instrumental in transforming their brand and giving their users a trustworthy experience.
Because of this, migrating from their WordPress-based monolithic stack and launching a composable Next.js frontend on Vercel was Plenti’s top tech priority as they approached their rebrand and IPO.
And they did this all with a one-developer team.
If you’ve experienced a new technology for the first time at an exhibit or event, the talented technologists at Globacore, an award-winning digital agency based in Toronto, might have introduced you.
Globacore specialized in creating interactive experiences for physical spaces, like trade shows and offices, that stretched the laws of technology and human imagination for global brands like Acura, the IEEE, Volkswagen, and Samsung.
“We catch people’s attention with cutting-edge technology that they’ve never seen, much less experienced,” says Dave Boyle, Head of Development at Globacore.
Trusted by companies like Caterpillar and Render, Makeswift prides itself on providing easy visual or no-code Next.js site builders for their clients. When their small team began struggling with lengthy build times and a subpar dev experience, they turned to Turborepo. After adopting Turborepo, Makeswift improved overall CI pipeline time by 65%.