Better file uploadsfor developers

Developers deserve better than S3. That's why we made UploadThing, the easier (and safer) alternative. From the button to the server, we've got you covered.

Your Auth. Our Bandwidth.

The right balance of security and simplicity.

Authentication happens on your server, the upload happens on ours.

server.ts
export const fileRouter = {
  imageUploader: f({ image: { maxFileSize: "4MB" } })
    .middleware(async ({ req }) => {
      // This code runs on your server before upload
      const user = await auth(req);
 
      // Throw to block uploading
      if (!user)
        throw new UploadThingError("Unauthorized");
 
      // Return metadata to client
      return { userId: user.id };
    })
    .onUploadComplete(async ({ metadata, file }) => {
      // ...
    }),
} satisfies FileRouter;
client.tsx
<UploadButton
  endpoint="imageUploader" // Typesafe btw
  onClientUploadComplete={(response) => ...}
  onUploadError={(error) => ...}
/>
Theo

I asked for a better S3 for years. UploadThing exists because we got tired of waiting.

Theo (t3dotgg)

YouTuber, Creator of T3 Stack, CEO @ UploadThing

Easily manage your files.

A powerful, intuitive dashboard for developers to securely manage and track all uploaded files.