Runtime logs now have improved filtering and visibility of request details:

• Query Params Visibility: View query parameters for each request directly in the UI.
• Request ID Filtering: Filter logs by request ID using the new filter icon next to each ID.

These improvements are available to all Vercel customers.

Streaming will soon be enabled by default for all Node.js Vercel Functions.

This change will be effective for Hobby accounts starting July 8th, 2024; and for Pro and Enterprise accounts starting October 1st, 2024.

To enable streaming as the default immediately for all your Vercel Functions, set the VERCEL_FORCE_NODEJS_STREAMING environment variable in your project to true. Streaming will be enabled on your next deployment.

Streaming responses from functions will change the format and frequency of your runtime logs. If you are using Log Drains, you should ensure that your ingestion pipeline can handle the new format and increased frequency.

Check out this blog post and our streaming documentation for more details.

Vite-based frameworks such as SvelteKit, Remix, Nuxt, or Astro can now more easily integrate with the Vercel Toolbar in both local and production environments. The Toolbar enables you to comment on deployments, toggle feature flags, view draft content from a CMS, and more.

The updated @vercel/toolbar package offers a Vite plugin and client-side function for injection and configuration, and can be integrated like this:

import { vercelToolbar } from '@vercel/toolbar/plugins/vite';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [/* others...*/ vercelToolbar()]
  // ...
});

// in your framework's client entry point:
import { mountVercelToolbar } from '@vercel/toolbar/vite';

mountVercelToolbar();

Check out the documentation to learn more.

Vercel is extending its newly introduced approach to working with feature flags to SvelteKit, with the v2.6.0 release of @vercel/flags.

With @vercel/flags/sveltekit you can now implement feature flags in your SvelteKit application code and call them within functions. Using this pattern automatically respects overrides set by the Vercel Toolbar, and integrates with our Developer Experience Platform features like Web Analytics and Runtime Logs.

import { flag } from '@vercel/flags/sveltekit'

export const showDashboard = flag<boolean>({
  key: 'dashboard',
  async decide () {
    // your feature flag logic
    return true
  }
})

Learn more about Vercel feature flags with SvelteKit in our documentation and deploy your own SvelteKit app with feature flags here.

Get notified after a deployment promotion by subscribing to the new deployment.promoted event through a webhook.

A promotion is the act of assigning your production domains to a deployment, so it starts serving your production traffic. This new event will notify you when:

• Deployments are automatically promoted and domains are assigned (default)
• Deployments are explicitly promoted from the CLI, API, or Dashboard.

Learn more about promotions or see the full list of events.

The UI for inspecting your deployment source and build output files is improved. Use the deployment Source tab to see what goes into a deployment and what gets created from the build process.

Vercel customers making API requests to OpenAI from Functions in Hong Kong (hkg1) may have received an email from OpenAI identifying API traffic from a region that OpenAI does not currently support.

OpenAI will take additional steps to block API traffic from unsupported countries and territories on July 9. We understand this block will include Functions in the Hong Kong region on Vercel. While the majority of functions do not execute in this region, Edge Functions may require updates to the execution region.

You can prevent this change affecting your deployments by specifying allowed regions for your functions and excluding Hong Kong. Changing regions requires a redeployment of your application.

Learn more about OpenAI's supported regions.

We've improved the performance and experience of the Vercel Blob file browser:

• Faster blob deletion through parallelized deletions
• Faster page transitions and back navigation for deep-linked pages
• Delete all blobs at once with easy utility to empty your store
• Easier access to URLs with new copy button directly on each row

Try it out or learn more about Vercel Blob.

Based on your feedback, Spend Management now pauses production deployments by default when your set amount is reached.

Spend Management allows you to receive notifications, trigger a webhook, and 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%
• Hobby customers will have their projects automatically paused when reaching the included free tier limits and do not need Spend Management

Check out our documentation to learn more.

v0 now supports themes.

You can create custom themes from prompts, modify individual design tokens, and switch between different themes for your generations. For example, try out our theme for Windows 95. v0 supports all default Shadcn UI themes.

Try out v0 today and build your own theme.