[Buddies-NextJS] 개발기 #0

Buddies는 GPT API를 사용한 페르소나 챗봇 서비스이다.
초기에는 React와 Chakra-ui로 구현했다.

Chakra-ui를 사용한 이유는,

1. 제공하는 컴포넌트가 상당히 많다. 일단 사용해보면 안다. 너무 편리해서, 어렵게 직접 만들지 않아도 된다.
   • Modal, Avatar, Flex, Menu ...
2. 이 모든게 무료.
3. 반응형도 쉽게 구현 가능.

초기 프로토타입에 필요한 기능들은 모두 구현을 완료했고, 빠진 기능은 없는지 전체적인 사용자 경험이 괜찮은지 테스트하는데 딜레이가 너무 심했고, 초기 로딩 속도도 너무 느렸다. 확인해보니 bundle size가 너무 컸고,다른 bundle 뿐만 아니라 Chakra-ui가 생각보다 사이즈가 컸고 이를 수정하려면 Chakra-ui를 사용하지 않고 처음부터 모두 뜯어내 고쳐야했다. (노트북 ram이 적은 것도 영향이 큰가?)

React 특성상 SEO 최적화가 어렵다고 많이 접해서, 나중에는 NextJS로 마이그레이션을 진행할 생각을 가지고 있었는데, 이왕 처음부터 뜯어 고칠 거면 그냥 지금 마이그레이션하는게 좋겠다고 판단해서 진행하게 되었다.

(사실 위의 이유도 있지만, 더 큰 이유는 NextJS를 요구하는 채용 공고가 많기 때문에 어떻게서든 사용을 해봐야겠다고 생각했기 때문이다..)

그리고 반응형을 위해 CSS는 TailwindCSS를 사용하고, UI는 필요한 것들은 라이브러리를 찾아서 사용하려고 한다.