Almacenamiento de Archivos S3

Sube archivos a S3 y gestiona tus recursos de forma segura

Subir Archivo

Arrastra tu archivo aquí

Soporta imágenes, PDFs y documentos (máx. 10MB)

Máximo 10MB

Cómo Integrar en Tus Herramientas

1. Importa el componente

import FileUpload from "@/components/FileUpload";

2. Úsalo en tu página

<FileUpload
  onUploadComplete={(url, fileKey) => {
    console.log("Archivo subido:", url);
    // Guarda la URL en tu estado o base de datos
  }}
  acceptedFileTypes="image/*"
  maxFileSizeMB={5}
/>

3. Guarda la referencia en la base de datos

Crea una tabla para almacenar las referencias de archivos:

export const userFiles = mysqlTable("user_files", {
  id: int("id").autoincrement().primaryKey(),
  userId: int("user_id").notNull(),
  fileKey: text("file_key").notNull(),
  url: text("url").notNull(),
  fileName: text("file_name"),
  mimeType: text("mime_type"),
  createdAt: timestamp("created_at").defaultNow(),
});

💡 Tip: Los archivos se almacenan en S3 con rutas únicas por usuario. Solo necesitas guardar la URL y fileKey en tu base de datos para hacer referencia a ellos.