What is UploadThing?

UploadThing is an end-to-end file upload solution built for Next.js applications. It works with a serverless architecture and manages the entire file upload process.

It offers file validation, size limiting, type checking, and CDN distribution in a single package.

Setup and Configuration

To add UploadThing to a project, you need to install the uploadthing package and define an API route. You set your upload rules with a FileRouter.

You can define constraints like maximum size, allowed MIME types, and file count for each file type.

User Experience

UploadThing offers user-friendly features like drag-and-drop support, upload progress bar, and preview. You can easily manage uploads with the useUploadThing hook.

Drag and drop support Upload progress tracking Image preview Multiple file upload

Security

UploadThing prioritizes security in the file upload process. Measures like file signature verification, file type checking, and size limiting come by default.

Uploaded files are served through protected URLs against unauthorized access.

Storage and CDN

UploadThing stores your files securely in UTF (UploadThing File) storage and serves them quickly via a global CDN. Your files are accessible with low latency worldwide.