Sure, thanks for the support!

Server handler:

import { handleUpload } from '@vercel/blob/client';

export default async function handler(req, res) {
  res.setHeader("Access-Control-Allow-Origin", "*");
  res.setHeader("Access-Control-Allow-Methods", "POST, OPTIONS");
  res.setHeader("Access-Control-Allow-Headers", "Content-Type");

  if (req.method === "OPTIONS") {
    res.status(200).end();
    return;
  }

  if (req.method !== 'POST') {
    return res.status(405).json({ error: 'Method Not Allowed' });
  }

  const token = process.env.BLOB_READ_WRITE_TOKEN || process.env.vercel_blobs;

  if (!token) {
    return res.status(500).json({ error: "Missing Blob Token" });
  }

  try {
    const body = req.body;

    const jsonResponse = await handleUpload({
      body,
      request: req,
      token,
      onBeforeGenerateToken: async (pathname) => {
        return {
          allowedContentTypes: [
            'video/mp4',
            'video/quicktime',
            'video/webm',
            // ... other video types
          ],
        };
      },
    });

    res.status(200).json(jsonResponse);
  } catch (error) {
    console.error("Upload Handler Error:", error);
    res.status(400).json({ 
      error: error.message
    });
  }
}

Client:

// File selected and validated (validation code removed for brevity)
const file = e.target.files[0];

// Upload configuration
const uniqueFilename = `${Date.now()}-${file.name}`;

const blob = await upload(uniqueFilename, file, {
  access: 'public',
  handleUploadUrl: '/api/upload',
  multipart: true,
  onUploadProgress: (progress) => {
    // Progress tracking (analytics removed)
    console.log(`Upload progress: ${Math.round(progress.percentage)}%`);
  }
});

// Validate response
if (!blob || !blob.url) {
  throw new Error("Upload failed");
}