[mui][nextjs][prisma] 게시판 만들기 - part 2 (reactjs를 nextjs로 포팅)

목적

기존 진행 사항:

- part 1 에서 필요한 UI component 들 작성하였음

- 추가적으로, backend API 작성 시 필요한 database 및 schema를 prisma를 통해 구성하였음

 

진행 예정 사항:

- 기존 작성한 react UI component 들을 새로운 nextjs 프로젝트로 포팅하는 과정

- UI component 들에 server-side rendering을 적용하는 과정

진행 과정

1. nextjs 프로젝트 생성
2. pages 사용 component 이동
3. server-side rendering 적용

nextjs 프로젝트 생성

npx create-next-app@latest

pages 사용 component 이동

 

 

=> 이동 완료

 

server-side rendering 적용

 

=> 적용 완료

 

혹시 위 생략된 내용에 대한 자세한 내용이 필요하시면 댓글로 남겨주셔요!