next.js에서 사용할 component library 선정

[dayongkr]

Describe the problem and solution

이전에 vue에서 사용하던 naive ui처럼 next.js 및 react에서 사용할 component library도 선정해야함

• shadcn ui - 34.9k
  • 필요한 component를 cli로 다운 받아서 사용하는 거라 수정하기 쉬움
  • commit 빈도가 낮아보이나 꾸준히 업데이트함
  • 개인적으로 가장 괜찮아 보임
• mui - 89.5k
  • React component library 중 제일 인기 많음
  • 메인 제품인 Material UI는 구글 디자인을 구현한 거라서 너무 정형적이기 때문에 Base UI가 가장 좋아 보임
  • Base UI는 functional headless component라고 홍보하는데 좀 더 알아봐야 할 것 같음
  • 일단 문서에서도 tailwind css와 같이 쓰는 예제가 나와 있음
  • 유료 제품도 있다보니 제품 간 급 나누기가 있어 은근 사용할 수 있는 component가 적음
• NextUI - 16.6k
  • 이번에 검색하면서 새로 알게 된 신생? 라이브러리
  • commit 빈도 되게 높음
  • 나름 디자인이 깔끔함
  • date picker 없음

좀 더 알아보고 자주 사용하게 될 component 몇 개 미리 구현해 둘 예정

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines
• [X] Check that there isn't already an issue

[dotoleeoak]

저는 shadcn 한 표요! mui는 좀 흔한 거 같아서 디자인이 뻔해보일까봐 걱정이고, NextUI는 신생이라 shadcn만큼 안정적이진 않을 거 같아요

[dayongkr]

@Kohminchae, @EliseCho13 추가 의견 있으면 남겨주세요! 따로 이견 없으면 shadcn으로 진행하겠습니다!

[jimin9038]

Changed the connected Notion task status to not-started

TAS-500 next.js에서 사용할 component library 선정