Better Upload (TanStack Start)

@better-upload/server + @better-upload/client — presigned direct-to-S3 uploads via TanStack Start POST handlers and useUploadFiles / useUploadFile.

react-dropzone — optional FMC add-on for drag-and-drop multi-file UX. Add it only when the product needs that interaction (multipleFiles, batch progress). Single-file button/picker flows use Better Upload hooks alone — no dropzone dependency.

Upstream (Better Upload): llms-full.txt · quickstart

When to apply

Better Upload (always relevant for uploads):

• New upload endpoint under routes/api/
• useUploadFiles / useUploadFile and upload progress
• S3 object helpers (getObject, deleteObject, presignGetObject, putObject) via Better Upload — not raw @aws-sdk/client-s3
• Post-upload DB records via createServerFn + TanStack Query

react-dropzone (only when UX needs it):