How does this skill handle security for client-side uploads?

The skill implements a secure server-action pattern using handleUpload() to generate temporary presigned tokens, ensuring your master BLOB_READ_WRITE_TOKEN is never exposed to the client browser.

Can I use this for files larger than 500MB?

Yes, the skill includes specific implementation patterns for multipart uploads, which are required for files exceeding the 500MB standard upload limit.

Does it support file organization and folders?

Yes, the skill follows best practices for pathname organization, such as using prefixes for avatars or uploads, and implementing UUIDs to avoid file overwriting.

What common errors does this skill prevent?

It helps prevent 10 common issues including missing environment variables, improper content-type headers, silent deletion failures, and filename collisions.

Vercel Blob Integration

Name: Vercel Blob Integration
Author: jezweb

byjezweb

•

117

クラウドインフラストラクチャ

Integrates Vercel Blob object storage into Next.js applications for secure file uploads, image management, and CDN-delivered assets.

概要

This skill provides Claude with the specialized knowledge to implement and manage Vercel Blob storage within Next.js environments. It covers the full lifecycle of object storage, from configuring environment variables and implementing server-side uploads to setting up secure client-side transfers using presigned URLs. It also includes advanced patterns for multipart uploads of large files (>500MB), efficient pagination for file listing, and automated cleanup routines to prevent storage bloat, all while adhering to security best practices that protect sensitive access tokens.

主な機能

Comprehensive file management including listing, deletion, and pagination
117 GitHub stars
Automated environment variable setup and validation guidance
Pre-built patterns for common tasks like avatar management and asset organization
Multipart transfer implementation for large assets exceeding 500MB
Secure client-side uploads using handleUpload() and presigned URLs

ユースケース

Managing high-bandwidth CDN assets for globally distributed web apps
Implementing user-generated content systems for profiles and social media
Handling large-scale document and video storage with multipart reliability

概要

主な機能

Comprehensive file management including listing, deletion, and pagination
117 GitHub stars
Automated environment variable setup and validation guidance
Pre-built patterns for common tasks like avatar management and asset organization
Multipart transfer implementation for large assets exceeding 500MB
Secure client-side uploads using handleUpload() and presigned URLs

ユースケース

Managing high-bandwidth CDN assets for globally distributed web apps
Implementing user-generated content systems for profiles and social media
Handling large-scale document and video storage with multipart reliability