In this tutorial, we’ll build a multiple file upload with drag-n-drop and a progress bar using Next.js, React, react-dropzone, Formik and Yup for validation.

In order to validate our forms, we will use both react-dropzone and Yup with Formik validationSchema.

In order to add a nice look and feel to our multi upload form, we will use Material-UI Progress component.

We will also use Formik with typescript during this video.

GitHub URL: https://github.com/bmvantunes/youtube-2021-feb-multiple-file-upload-formik

#react #nextjs #next #javascript #web-development