file uploader

Cargador de archivos

Este es un cargador de archivos creado con shadnc/ui y react-dropzone . Se inicia con create-t3-app .

Pila de tecnología

• Marco: Siguiente.js
• Estilo: CSS de viento de cola
• Componentes de la interfaz de usuario: shadcn/ui
• Cargador DND: reaccionar-dropzone
• Almacenamiento: cargar cosas
• Validación: Zod

Características

• Gancho useFileUpload reutilizable para cargar archivos con uploadthing
• Componente de carga de archivos de arrastrar y soltar con barra de progreso
• Integración de React-hook-form con componentes de formulario shadnc/ui
• Demostración del cuadro de diálogo de archivos para agregar y eliminar archivos de la lista desplazable

Ejecutando localmente

1. Clonar el repositorio

   git clone https://github.com/sadmann7/file-uploader

2. Instalar dependencias usando pnpm

   pnpm install

3. Copie el .env.example a .env y actualice las variables.

   cp .env.example .env

4. Iniciar el servidor de desarrollo

   pnpm run dev

¿Cómo implemento esto?

Siga las guías de implementación de Vercel, Netlify y Docker para obtener más información.