Next.js + Mui(material-ui)

Next.js 프로젝트에 Mui를 추가하는 것은 React 프로젝트에 추가할 때보다 몇가지 설정이 추가로 필요하므로 처음할 때는 혼란을 겪을 수 있다.

 

material-ui 깃허브 레포지토리에 예제로 Next.js를 제공하므로 이것을 깃으로 받아서 사용하면 된다.

https://github.com/mui/material-ui/tree/master/examples/nextjs

GitHub - mui/material-ui: MUI Core (formerly Material-UI) is the React UI library you always wanted. Follow your own design syst

 

나는 파워쉘에서 열심히 따라쳤는데 안 되서 한참을 허비했는데

깃 배시 창에서 입력하면 잘 동작한다.

다 같은 깜장화면이라고 생각했는데 명령어가 약간씩 다들 다른 모양이다 (...)

 

Next.js 예제 또한 타입스크립트 버전과 자바스크립트 버전 두개를 제공하니 상황에 맞게 이용하면 되겠다.

 

---