file uploader

Téléchargeur de fichiers

Il s'agit d'un téléchargeur de fichiers construit avec shadnc/ui et react-dropzone . Il est démarré avec create-t3-app .

Pile technologique

• Cadre : Next.js
• Style : CSS Tailwind
• Composants de l'interface utilisateur : shadcn/ui
• Téléchargeur MDN : réagir-dropzone
• Stockage : télécharger des choses
• Validation : Zod

Caractéristiques

• Hook useFileUpload réutilisable pour télécharger des fichiers avec uploadthing
• Composant de téléchargement de fichiers par glisser-déposer avec barre de progression
• Intégration de React-hook-form avec les composants de formulaire shadnc/ui
• Démo de la boîte de dialogue de fichiers avec ajout et suppression de fichiers de la liste déroulante

Exécution locale

1. Cloner le référentiel

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

2. Installer les dépendances à l'aide de pnpm

   pnpm install

3. Copiez le .env.example dans .env et mettez à jour les variables.

   cp .env.example .env

4. Démarrer le serveur de développement

   pnpm run dev

Comment puis-je déployer cela ?

Suivez les guides de déploiement de Vercel, Netlify et Docker pour plus d'informations.