vercel-blob
Next.jsアプリケーションにおいて、Vercel Blobオブジェクトストレージを統合し、ファイルアップロード、画像管理、CDN経由でのアセット配信を実現します。プリサインドURLとマルチパート転送を活用したクライアント側のアップロードに対応しています。 画像やPDF、動画などのファイルアップロード機能の実装、ユーザー生成コンテンツの管理、トークンの欠落やサイズ制限エラー、クライアントアップロードの失敗などのトラブルシューティングが必要な場合に活用できます。
description の原文を見る
Integrate Vercel Blob object storage for file uploads, image management, and CDN-delivered assets in Next.js applications. Supports client-side uploads with presigned URLs and multipart transfers. Use when implementing file uploads (images, PDFs, videos), managing user-generated content, or troubleshooting missing tokens, size limit errors, or client upload failures.
SKILL.md 本文
Vercel Blob (オブジェクトストレージ)
ステータス: 本番環境対応済み
最終更新: 2025-10-29
依存関係: なし
最新バージョン: @vercel/blob@2.0.0
クイックスタート(3分)
1. Blob ストアを作成
# Vercel ダッシュボード: Storage → Create Database → Blob
vercel env pull .env.local
生成されるもの: BLOB_READ_WRITE_TOKEN
2. インストール
npm install @vercel/blob
3. ファイルをアップロード(サーバーアクション)
'use server';
import { put } from '@vercel/blob';
export async function uploadFile(formData: FormData) {
const file = formData.get('file') as File;
const blob = await put(file.name, file, {
access: 'public'
...
詳細情報
- 作者
- TryTraza
- ライセンス
- 不明
- 最終更新
- 2026/4/19
Source: https://github.com/TryTraza/fde-discovery / ライセンス: 未指定