Data import
The onboarding-critical flow that gets a customer's existing data into the product without corrupting it.
Content & Data Views · 8 checks · 5 resources
Before you ship
8- 01Source selection — file upload (CSV, XLSX), a direct connector to a named competing tool, or API, each with its own path
- 02Template download — a correctly formatted sample file, so the user shapes their export before uploading
- 03Column mapping step — source columns mapped to product fields, with auto-detected guesses the user can override
- 04Pre-import validation report — row count, detected errors, and duplicates flagged before anything is written
- 05Row-level error handling choice — skip bad rows and continue, or abort the whole import; never partially apply silently
- 06Duplicate strategy — create new, skip, or update matching records on a chosen key
- 07Progress and completion summary — created, updated, skipped and failed counts, with a downloadable error file
- 08Undo or rollback — the ability to revert an entire import batch as one unit
Resources that help you build this
5- Ant Design · 73-component React library and design language for enterprise back-office apps
- Better Upload · React file uploads straight to any S3-compatible bucket, with shadcn UI parts
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworks
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citations
- Shopify Polaris · Shopify's admin design system, now shipped as framework-agnostic web components