Vercel Recipes

Setting cache control headers

Set headers to cache your function's responses.

Modifying request headers

Learn how to modify request headers in your middleware.

Filtering query parameters

Learn how to filter query parameters in your middleware.

Adding a response header

Learn how to add response headers in your middleware.

Rendering content based on device

Learn how to render different content based on the user-agent in your middleware.

Using the crypto Web API to redirect requests with a unique token

Learn how to use middleware to redirect requests with a unique token.

Streaming from LLMs

Learn how to stream from LLMs with Vercel's AI SDK.

Processing data chunks

Learn how to create an API endpoint that processes data chunks.

Handling backpressure

Learn how to handle backpressure by pushing data into a steam as it's needed, rather than as it's ready.

Using emoji in your image

Learn how to use emojis in your OG images

Using dynamic text

Learn how to pass the image title as a URL parameter.

Using an external dynamic image

Learn how to pass a URL parameter to pull an external profile image for the image generation.

Using a custom font

Learn how to use a custom font in your OG images

Using an SVG image

Learn how to use SVG embedded content to generate your OG images.

Using Tailwind CSS

Learn how to use Tailwind CSS to style your OG images

Using languages in your OG image

Learn how to use other languages in the text of your OG image.

Using a Secure URL for your OG image

Learn how to encrypt parameters so that only certain values can be passed to generate your image.

Sending a sample of your events

How to send a sample of your events to Speed Insights

Dynamically run different build commands

Run different scripts based on the environment or branch