Next.js로 블로그를 만들어보았다.
2023 / 7 / 15

이 블로그는 Next.js로 만들어졌다. UI Framework로 Chakra UI를 사용, 배경 그래픽을 위하여 react-three-fiber 패키지를 사용하였다. 그리고 UI 애니메이션을 위해 framer-motion 패키지를 사용하였다.

블로그 포스트 데이터로는 마크다운 형식 중 하나인 mdx를 활용하였다. mdx 파일의 렌더링을 위해 next-mdx-remote 패키지를 이용하였다. 지금 이 포스트 또한 해당 패키지를 통해 mdx 파일이 렌더링된 결과이다.

나는 Next.js를 처음 접했으며, Next.js의 기반이 되는 React조차 깊게 공부해 본 적이 없는 터라 이 블로그를 만들며 관련 지식에 대한 많은 공부를 할 수 있었다. 이제 컴퓨터 그래픽스와 관련된 다른 프로젝트를 시작해야 하기에, 이 블로그는 시간을 두고 incremental하게 개발해나가고 싶다.

수정(2023/08/23)

애니메이션 성능 이슈로 인해, CSS로 UI 애니메이션을 다시 구현했다. IntersectionObserver를 이용하였다.

0
Comments
© 2024 Kihun Jang