UploadThing

Typed file uploads for Next.js

Free tier + paidImages, video & filesuploadthing.com

What it is

Type-safe file upload service built for Next.js and React by the makers of the T3 stack. Provides a server-side file router with per-route size and MIME limits, plus prebuilt React dropzone components. Storage sits on S3 behind the scenes.

Why it earns a slot

Removes the presigned-URL boilerplate entirely — define a route with allowed types and a max size, drop in the UploadButton component, done. The typed contract between client and server catches upload mistakes at compile time.

Know before you commit

It is an upload and storage layer, not an image pipeline — no resizing and no AVIF/WebP negotiation. An image-heavy site still needs a transformation CDN in front of it.

Getting started

npm i uploadthing @uploadthing/react

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free 2 GB storage; $10/mo for 100 GB; $25/mo usage-based with 250 GB included then $0.08/GB. Unlimited uploads and downloads on all tiers

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate UploadThing (https://uploadthing.com) for this project, then use it only if it fits what we are already building.
Context: Typed file uploads for Next.js. Type-safe file upload service built for Next.js and React by the makers of the T3 stack. Provides a server-side file router with per-route size and MIME limits, plus prebuilt React dropzone components. Storage sits on S3 behind the scenes.
Reviewer notes (general, not written for this codebase): Removes the presigned-URL boilerplate entirely — define a route with allowed types and a max size, drop in the UploadButton component, done. The typed contract between client and server catches upload mistakes at compile time.
Watch out for: It is an upload and storage layer, not an image pipeline — no resizing and no AVIF/WebP negotiation. An image-heavy site still needs a transformation CDN in front of it.
Pricing: Free 2 GB storage; $10/mo for 100 GB; $25/mo usage-based with 250 GB included then $0.08/GB. Unlimited uploads and downloads on all tiers
Setup: npm i uploadthing @uploadthing/react
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/uploadthing

Also in Images, video & files

AWS S3 + CloudFront

aws.amazon.com

Object storage + global CDN

Free tier + paidImages, video & files

S3 Standard $0.023/GB-month (us-east-1), PUT $0.005/1K, GET $0.0004/1K. CloudFront: first 1 TB/mo and 10M requests free, then $0.085/GB NA/EU declining to $0.020/GB. S3 direct-to-internet egress $0.09/GB

Open dossier

Backblaze B2

backblaze.com

Cheap S3-compatible object storage

Free tier + paidImages, video & files

$6.95/TB/month (about $0.0069/GB), first 10 GB free. Egress free up to 3x average monthly storage, then $0.01/GB. Class A/B/C API calls free; Class D $0.004 per 10K

Open dossier

Cloudflare Images

developers.cloudflare.com

Image storage + edge transforms

Free tier + paidImages, video & files

5,000 unique transformations/mo free on every plan including Free. Then $0.50 per 1,000 unique transformations; $5 per 100,000 images stored/mo; $1 per 100,000 images delivered/mo

Open dossier

Cloudflare R2

developers.cloudflare.com

S3-compatible storage, zero egress

Free tier + paidImages, video & files

Free 10 GB-month storage, 1M Class A ops, 10M Class B ops. Then $0.015/GB-month, $4.50/M Class A, $0.36/M Class B. Egress always $0 at any volume

Open dossier