Almacenamiento

UploadThing

Subidas de archivos tipadas para aplicaciones TypeScript y React.

Servicio y SDK que simplifican endpoints de subida, validación, callbacks, almacenamiento y componentes de interfaz en stacks web modernos.

Ir al sitio oficial

Ficha abierta

Para qué sirve y cómo encaja

Servicio y SDK que simplifican endpoints de subida, validación, callbacks, almacenamiento y componentes de interfaz en stacks web modernos.

Encaja en proyectos Next.js y TypeScript que necesitan subidas seguras sin diseñar firmas, buckets y componentes desde cero.

No es la mejor opción si se requiere control directo de S3, procesamiento multimedia avanzado o portabilidad total del backend.

Uso en tu proyecto

Instalación e importación

Comandos y fragmentos tomados de la documentación oficial. Elige tu caso, cópialos tal cual o pásale el prompt a tu agente.

npm
npm install uploadthing @uploadthing/react
env
UPLOADTHING_TOKEN=xxx

Prompt para que tu agente lo instale

Pega esto en Cursor, Claude Code, Codex u otro agente de código:

Prompt
Instala UploadThing en este proyecto (contexto: React). Documentación oficial: https://docs.uploadthing.com/getting-started/appdir. Comando verificado: `npm install uploadthing @uploadthing/react`. Haz solo la instalación o importación base indicada en esta pestaña; no asumas stack ni configuración del proyecto. Cuando termines, pregunta al usuario cómo quiere integrarlo o qué contexto necesitas para los siguientes pasos.

Planes y modelos

Cómo se paga y qué incluye cada opción

  1. 01

    2GB App

    0 $/mes con 2 GB de almacenamiento compartido entre todas las aplicaciones y siete días de registro de auditoría.

    Gratis
  2. 02

    100GB App

    10 $ al mes con 100 GB, ficheros privados, selección de región y treinta días de auditoría.

    100GB App
  3. 03

    Usage Based

    Desde 25 $ al mes con 250 GB incluidos y 0,08 $ por cada gigabyte adicional.

    Usage Based

Funcionalidades

Qué puedes hacer con ella

  1. 01

    File routes

    Define tipos, tamaño, autenticación y callbacks desde código TypeScript.

  2. 02

    Componentes

    Incluye dropzones y botones preparados para frameworks compatibles.

  3. 03

    Callbacks de servidor

    Notifica a la aplicación cuando una subida se completa.

Cuándo usarla

Dónde encaja y dónde no

Te conviene si…

Encaja en proyectos Next.js y TypeScript que necesitan subidas seguras sin diseñar firmas, buckets y componentes desde cero.

Mejor otra opción si…

No es la mejor opción si se requiere control directo de S3, procesamiento multimedia avanzado o portabilidad total del backend.