사용법이 간단하고 효율적인 리액트 컴포넌트용 카루셀 라이브러리인 pure-react-carousel를 사용하였습니다.

UI 애니메이션을 위해 react-spring 라이브러리를 사용하였습니다.

마케팅 등에 활용하기 위해서 google-analytics를 script로 컴포넌트화 하여 적용하였습니다.

정적인 포트폴리오 사이트로 속도가 중요하고 관리자가 데이터 업데이트시 즉각 반영되어야 했습니다. Next.js의 revalidatePath를 사용하여 on demand로 페이지가 업데이트되는 ISR을 적용했습니다.

class로 Three.js를 구성하다보니 react의 선언형 프로그래밍 장점을 누릴 수가 없었습니다. 컴포넌트 형태로 개발하기 위해 react-three-fiber를 사용했습니다. 이에 따라 상대적으로 복잡한 class 대신 보다 react에 친화적인 방식으로 개발이 가능해졌습니다.