文件上傳器

文件上傳器

這是一個使用shadnc/ui和react-dropzone建構的檔案上傳器。它是用create-t3-app引導的。

技術堆疊

• 框架： Next.js
• 樣式： Tailwind CSS
• UI元件： shadcn/ui
• DND 上傳者： react-dropzone
• 儲存：上傳東西
• 驗證：佐德

特徵

• 可重複使用的useFileUpload掛鉤，用於使用uploadthing上傳文件
• 帶有進度條的拖放檔案上傳元件
• React-hook-form 與shadnc/ui表單元件集成
• 文件對話框演示，在可滾動列表中添加和刪除文件

本地運行

1. 克隆儲存庫

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

2. 使用 pnpm 安裝依賴項

   pnpm install

3. 將.env.example複製到.env並更新變數。

   cp .env.example .env

4. 啟動開發伺服器

   pnpm run dev

我該如何部署這個？

請遵循 Vercel、Netlify 和 Docker 的部署指南以取得更多資訊。