MantineでファイルアップロードUIを実装した話

DRANK

はじめに こんにちは、外資就活ドットコムの開発をやっている大平 (id:so_sky) です。 最近、業務の中でファイルアップロードのためのUIを実装する機会があったので、紹介します。 環境 弊社では、Next.js + TypeScript + Tailwind CSS を用いて外資就活ドットコムのフロントエンド開発を行っています。また、開発効率を向上させるためにUIライブラリとしてMantineを使用しています。今回は、Mantineを用いたファイルアップロードUIの実装方法についていくつかまとめます。 使用するコンポーネント Dropzone h…