uploadthing
Use when implementing file uploads with Uploadthing — type-safe uploads, image processing, or file management in Next.js or React applications. Also use when choosing a file upload solution or handling user-generated content.
| Model | Source |
|---|---|
| sonnet | pack: storage |
Full Reference
┏━ 🔧 uploadthing ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ ┃ Use when implementing file uploads with Upload… ┃ ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
Uploadthing
Section titled “Uploadthing”Type-safe file uploads for TypeScript. Handles presigned URLs, S3 ingestion, and CDN delivery with no S3 config required. SDK: uploadthing v7.x + @uploadthing/react v7.x.
Quick Reference
Section titled “Quick Reference”| Item | Value |
|---|---|
| Install | npm install uploadthing @uploadthing/react |
| Env var | UPLOADTHING_TOKEN=... (from uploadthing.com/dashboard > API Keys) |
| API route | app/api/uploadthing/route.ts |
| File router | app/api/uploadthing/core.ts |
| Component exports | utils/uploadthing.ts |
| Dashboard | uploadthing.com/dashboard |
Reference Index
Section titled “Reference Index”| I want to… | File |
|---|---|
| Install, configure environment variables, and set up project structure | reference/setup.md |
| Define file routes, middleware, validators, and the upload lifecycle | reference/file-router.md |
| Use UploadButton, UploadDropzone, or build custom upload UI | reference/upload-component.md |
| Upload files server-side, manage files via UTApi, or integrate with a database | reference/server-upload.md |
| Delete files, update ACL, rename, or generate signed URLs for private files | reference/delete.md |
Usage: Read the reference file matching your current task from the index above. Each file is self-contained with code examples and inline gotchas.