pengunggah file

Pengunggah File

Ini adalah pengunggah file yang dibuat dengan shadnc/ui , dan react-dropzone . Itu di-bootstrap dengan create-t3-app .

Tumpukan Teknologi

• Kerangka: Next.js
• Gaya: CSS Tailwind
• Komponen UI: shadcn/ui
• Pengunggah DND: reaksi-dropzone
• Penyimpanan: mengunggah sesuatu
• Validasi: Zod

Fitur

• Kait useFileUpload yang dapat digunakan kembali untuk mengunggah file dengan uploadthing
• Seret dan lepas komponen unggah file dengan bilah kemajuan
• Integrasi React-hook-form dengan komponen form shadnc/ui
• Demo dialog file dengan menambah dan menghapus file dari daftar yang dapat digulir

Berjalan Secara Lokal

1. Kloning repositori

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

2. Instal dependensi menggunakan pnpm

   pnpm install

3. Salin .env.example ke .env dan perbarui variabelnya.

   cp .env.example .env

4. Mulai server pengembangan

   pnpm run dev

Bagaimana cara menerapkan ini?

Ikuti panduan penerapan Vercel, Netlify, dan Docker untuk informasi lebih lanjut.