Vercel BLOB

Vercel BLOB is a simplest way to store uploaded images and media files for production scenarios. Simply add the auth token to your environment file (e.g., .env.local).

Installation

Vercel BLOB is included in Headcode CMS by default. No extra setup is required.

Configuration

Configure the Vercel BLOB token in your environment file (e.g., .env.local):

.env.local

BLOB_READ_WRITE_TOKEN=<your-vercel-blob-auth-token>

In order to use Vercel BLOB, you need to add the following to your next.config.ts file:

next.config.ts

import type { NextConfig } from 'next'const nextConfig: NextConfig = {  cacheComponents: true,  reactCompiler: true,  images: {    remotePatterns: [      new URL('https://<STORE_ID>.public.blob.vercel-storage.com/**'),    ],  },}export default nextConfig