[React MUI 5] 인스타그램 클론코딩 - NextJS, MUI 환경 설정

MUI 5, NextJS 12, emotion 11, react 18 을 사용합니다.

 

1. NextJS & MUI 의 example project 다운로드

curl https://codeload.github.com/woosuk288/setup/tar.gz/main | tar -xz --strip=1 setup-main/nextjs12-mui5

 

2. 패키지들을 설치

cd nextjs12-mui5 && npm install

 

3. 실행 후 localhost:3000 에서 화면이 뜬다면 완료

npm run dev

localhost:3000 으로 접속시 화면