파일 업로더

파일 업로더

이것은 shadnc/ui 및 react-dropzone 으로 구축된 파일 업로더입니다. create-t3-app 으로 부트스트랩됩니다.

기술 스택

• 프레임워크: Next.js
• 스타일링: Tailwind CSS
• UI 구성 요소: shadcn/ui
• DND 업로더: 반응 드롭존
• 저장공간: 업로드 중
• 검증: 조드

특징

• uploadthing 으로 파일을 업로드하기 위한 재사용 가능한 useFileUpload 후크
• 진행률 표시줄이 있는 드래그 앤 드롭 파일 업로드 구성요소
• shadnc/ui 양식 구성요소와 React-hook-form 통합
• 스크롤 가능한 목록에서 파일을 추가 및 제거하는 파일 대화 상자 데모

로컬로 실행

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 배포 가이드를 따르세요.