This is a csv-importer built with shadnc/ui
, react-dropzone
, and papaparse
. It is bootstrapped with create-t3-app
.
- Framework: Next.js
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- DND Uploader: react-dropzone
- Storage: uploadthing
- CSV Parsing: Papaparse
- Upload CSV file using
use-upload-file.ts
- Parse CSV file using
use-parse-csv.ts
- Preview the parsed CSV data
- Map the CSV fields to the corresponding table fields
- Import the mapped data into the table
-
Clone the repository
git clone https://github.com/sadmann7/csv-importer
-
Install dependencies using pnpm
pnpm install
-
Start the development server
pnpm run dev
Follow the deployment guides for Vercel, Netlify and Docker for more information.