이 블로그는 Next.js로 만들어졌다. UI Framework로 Chakra UI를 사용, 배경 그래픽을 위하여 react-three-fiber 패키지를 사용하였다. 그리고 UI 애니메이션을 위해 framer-motion 패키지를 사용하였다.
블로그 포스트 데이터로는 마크다운 형식 중 하나인 mdx를 활용하였다. mdx 파일의 렌더링을 위해 next-mdx-remote 패키지를 이용하였다. 지금 이 포스트 또한 해당 패키지를 통해 mdx 데이터가 렌더링된 결과이다.
나는 Next.js를 처음 접했으며, Next.js의 기반이 되는 React조차 깊게 공부해 본 적이 없는 터라 이 블로그를 만들며 관련 지식에 대한 많은 공부를 할 수 있었다. 이제 컴퓨터 그래픽스와 관련된 다른 프로젝트를 시작해야 하기에, 이 블로그는 시간을 두고 incremental하게 개발해나가고 싶다.
애니메이션 성능 이슈로 인해, CSS로 UI 애니메이션을 다시 구현했다. IntersectionObserver를 이용하였다.