Datei-Uploader

Datei-Uploader

Dies ist ein Datei-Uploader, der mit shadnc/ui und react-dropzone erstellt wurde. Das Bootstrapping erfolgt mit create-t3-app .

Tech-Stack

• Framework: Next.js
• Styling: Rückenwind-CSS
• UI-Komponenten: shadcn/ui
• DND-Uploader: React-Dropzone
• Speicher: uploadthing
• Validierung: Zod

Merkmale

• Wiederverwendbarer useFileUpload Hook zum Hochladen von Dateien mit uploadthing
• Datei-Upload-Komponente mit Fortschrittsbalken per Drag-and-Drop verschieben
• React-Hook-Form-Integration mit shadnc/ui -Formularkomponenten
• Dateidialog-Demo mit Hinzufügen und Entfernen von Dateien zur scrollbaren Liste

Lokal ausgeführt

1. Klonen Sie das Repository

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

2. Installieren Sie Abhängigkeiten mit pnpm

   pnpm install

3. Kopieren Sie .env.example nach .env und aktualisieren Sie die Variablen.

   cp .env.example .env

4. Starten Sie den Entwicklungsserver

   pnpm run dev

Wie stelle ich das bereit?

Weitere Informationen finden Sie in den Bereitstellungshandbüchern für Vercel, Netlify und Docker.