這次 finial project 使用 React Next.js 還有 Material UI，Material UI 在最近改版變成 MUI ，引入的套件名稱都換掉了，官網的 logo 也更新，就趁著這次專案實作看看。

元件使用：

• react
• styled-components
• next.js
• mui
• mui icon
• emotion (在 MUI 5 一定要裝 @emotion/react 跟 @emotion/styled 不然會報錯)
• eslint
• prettier

剛開始使用 MUI 套件的時候，會覺得上面要引入一大堆東西，但減少了很多寫 CSS 的部分，因為剛開始熟悉 MUI 所以切版不算快，越來越熟悉之後就覺得其實滿好用的，而且介面也可以很漂亮。

MUI 官網上就有很多範例可以用，裡面也有一些 status 已經幫你寫好了，只要稍微調整之後就可以直接拿來用。