UploadThing
Uploads tipados para aplicaciones TypeScript. Sin S3, sin configuración manual.
UploadThing abstrae la complejidad de subir archivos a la nube detrás de un sistema de File Routes tipadas. Defines qué archivos aceptas, qué validación aplicas, y qué pasa cuando el upload termina. El SDK se encarga del resto: presigned URLs, almacenamiento y CDN.
La arquitectura separa responsabilidades: la autenticación y validación ocurren en tu servidor, el almacenamiento lo gestiona UploadThing. Tu servidor nunca procesa el archivo — solo firma y autoriza.
Esta demo te permite probar el flujo completo: selecciona un preset, arrastra un archivo y observa cómo se sube al CDN de UploadThing.
Configurador de File Routes
Selecciona un preset para cambiar las restricciones del uploader en tiempo real.
Hasta 4 imágenes, máximo 4 MB cada una.
Arrastra archivos aquí o haz clic para seleccionar
Stack
Astro 5
Framework base con SSR. Renderiza HTML estático y solo hidrata los componentes React interactivos.
React 19
Islands para los componentes interactivos: uploader, galería y configurador.
UploadThing
SDK de uploads tipado. File Routes en el servidor, hooks en el cliente, CDN incluido.
Tailwind CSS 4
Utilidades CSS vía plugin Vite. Zero config, dark mode nativo.
Vercel
Deploy con adapter oficial de Astro. SSR en edge functions.
TypeScript
Tipado end-to-end desde el File Router del servidor hasta los componentes del cliente.
¿Necesitas ayuda integrando esto en tu proyecto?
Reserva una sesión de consultoría. Revisamos tu caso, resolvemos dudas y te dejo un plan claro.
Reservar sesión (30€)Cada semana, herramientas como esta en tu bandeja de entrada.
La newsletter de Con Criterio: análisis técnico de herramientas útiles para desarrolladores.
SuscribirmeEsta demo está construida con Astro + React + UploadThing. El código es público.
Explora el código fuente, haz fork, o úsalo como referencia para tu próximo proyecto.
Ver repositorio