기본적으로 웹 개발은 UI라이브러리를 사용하는 것이 생산성에 매우 효율적인다.
다만 잘 사용하기가 쉽지 않은데, 보통의 경우 Back Office 용 웹 어플리케이션의 경우에는 디자인 시스템에 대한 문제가 없지만, 프로덕트의 경우에는 디자인이 확정되어 있지 않기 때문이다.
A프로젝트 후 B프로젝트를 한다고 했을 때, 같은 컴포넌트를 쓴다는 보장이 없다.
이럴 경우에 Nuxt에서 사용하기 좋은 라이브러리가 있다.
PrimeVue
Preset Theme 기능과 Pass Through 기능을 사용하면 커스텀을 쉽게 하면서 하나의 라이브러리로 여러 프로젝트에 적용할 수 있다.
SSR에서 동작도 문제 없기 때문에 Nuxt에서도 잘 동작하는 것이 장점이다.
TailwindCss를 사용한다면, 스타일에 TailwindCss가 적용된 Tailwind PrimeVue 도 사용할 수 있다.
이래저래 UI Component 만들기가 귀찮았는데 당분간은 잘 쓸듯 하다.