Material UI is an open-source library that contain many useful components for Next.js. In this section, I will demonstrate how to get started Next.js with Material UI.
1.Install Next.js
Follow Official Next.js Document link https://nextjs.org/docs/getting-started/installation , we will start the web server to run Next.js project on http://localhost:3000/
2.Install MUI
Follow Official MUI Document link https://mui.com/material-ui/getting-started/installation/, then we can getting started Next.js with Material UI. Try to follow link https://mui.com/material-ui/getting-started/usage/ to make sure about we got Material UI on our Next.js app.
3.Set MUI Layout
For example, we can try to use Navigation Component name Drawer to create Good Dashboard UI.
Now, Time to customize UI and make our Prototype Design complete before implement.
