file uploader

ファイルアップローダー

これは、 shadnc/uiおよびreact-dropzoneで構築されたファイル アップローダーです。これはcreate-t3-appでブートストラップされます。

技術スタック

• フレームワーク: Next.js
• スタイリング: Tailwind CSS
• UIコンポーネント: shadcn/ui
• DND アップローダー:反応ドロップゾーン
• ストレージ:アップロード
• 検証：ゾッド

特徴

• uploadthingでファイルをアップロードするための再利用可能なuseFileUploadフック
• プログレスバー付きのファイルアップロードコンポーネントをドラッグアンドドロップします
• 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 の導入ガイドに従ってください。