PAUL PEREZ

Volver a proyectos
TOOLFULLSTACK2026EN DESARROLLO

R2 Manager

Gestor web de buckets de Cloudflare R2, pensado para que cualquiera lo despliegue en su propio Worker y apunte a su bucket.

R2 Manager

Sobre el proyecto

Gestor de archivos para Cloudflare R2 hecho con Nuxt 4 y Nuxt UI: explorar, subir, borrar y organizar objetos y carpetas de un bucket desde el navegador, con previsualización de imágenes, video y audio. La idea es que cualquiera pueda levantarlo: clonas, despliegas en un Worker de Cloudflare, configuras los secrets apuntando a tu bucket y ya tienes un gestor web de tu R2. Las operaciones de lectura y borrado usan el binding nativo de R2 en el Worker; las credenciales S3 solo se usan para firmar Presigned URLs, así que la subida va directa del navegador a R2 sin pasar por el servidor. Hoy no tiene roles ni permisos —está en la lista para la siguiente versión—, así que la instancia desplegada es de quien la despliega.

Stack

NuxtFRONTENDTypeScriptFRONTENDTailwindCSSFRONTENDCloudflare WorkersDEPLOYCloudflare R2DEPLOY

Funcionalidades

  • Navegación por carpetas con breadcrumbs y contador de carpetas/objetos.
  • Subida por Presigned URL: PUT directo del navegador a R2, sin pasar el archivo por el Worker.
  • Creación de carpetas usando un `.keep` como placeholder.
  • Eliminación de objetos con confirmación.
  • Previsualización en modal de imágenes, video y audio.
  • Miniaturas de imágenes con Cloudflare Image Resizing.
  • Vista en lista o en cuadrícula, y modo claro/oscuro.
  • Despliegue propio: `wrangler secret put` con tu cuenta y bucket, `pnpm deploy:cf` y listo.

Galería

Raíz del bucket en vista de lista
Raíz del bucket en vista de lista
Carpeta con objetos: nombre, tamaño y fecha
Carpeta con objetos: nombre, tamaño y fecha
Vista en cuadrícula con miniaturas
Vista en cuadrícula con miniaturas
Modo oscuro
Modo oscuro

Proyectos relacionados

E-commerce desarrollado primero con Spring Boot y luego migrado a Angular + Express.

AngularExpress.jsSpring BootMySQL
Ver detalleDemo

Gestor de archivos con permisos por usuario, historial de acciones y almacenamiento en Cloudflare R2.

AngularExpress.jsCloudflare R2PostgreSQL
Ver detalleRepositorio