Manage Vercel Blob file uploads with CDN-backed delivery and client tokens.
npx skills add https://github.com/jackspace/ClaudeSkillz --skill vercel-blob-jackspace
Please help me install this Agent Skill. Skill: vercel-blob Source: https://github.com/jackspace/ClaudeSkillz/tree/main/skills/vercel-blob Command: npx skills add https://github.com/jackspace/ClaudeSkillz --skill vercel-blob-jackspace
This Skill provides practical patterns for using Vercel Blob for file uploads, client tokens, and CDN-backed delivery of assets, with guidance on common pitfalls.
Create a blob store, install @vercel/blob, implement a server action to upload, then enable client uploads with a generated client token.
High-intent search queries and answers about installing and using this skill.
Client-side uploads use presigned tokens generated on your server, which you pass to the browser. This approach avoids exposing your BLOB_READ_WRITE_TOKEN. Generate a token via a server action, send it to the client, then upload directly from the browser using @vercel/blob's client methods.
Use path prefixes to organize files logically—for example, avatars/ for user profile images and uploads/ for general user content. Prefixes make it easier to list, manage, and apply consistent access policies to groups of related files.
Yes. Validate both file size and content-type on the server before calling put() or issuing a client token. This prevents invalid uploads, reduces wasted storage and bandwidth, and enforces security boundaries.
Vercel Blob automatically caches uploaded files on Vercel's CDN. Files are delivered with caching headers, so repeated requests serve from edge locations near users instead of origin, reducing latency and load.
No. Never expose BLOB_READ_WRITE_TOKEN to the browser. Instead, generate short-lived presigned tokens on the server and send only those to the client for uploads, maintaining security and access control.
Vercel Blob supports listing files in storage, downloading files, deleting files, and multipart uploads for large files. These operations integrate with the same storage backend and CDN delivery system.
ovachieverStore and serve user-uploaded files via Vercel Blob in Next.js applications.
mauriciodelrioDesign cloud storage and CDN solutions with S3, presigned URLs, and CloudFront.
spoonboboManages Trinity AGI authentication and RBAC with JWTs and audit logging.
BagelHoleConfigure and manage AWS S3, Google Cloud Storage, and MinIO object storage.
