개요
기술 블로그와 관련해서 검색하던 중, 우연히 Astro에 대해 알게 되었다.
Next.js의 버전은 계속 올라가는데, Contentlayer가 몇 달째, 업데이트가 없어, 고민하던 찰나에 카카오페이 기술 블로그를 보다가 알게 된 프레임워크였다.
Next.js 보다 성능적으로 우수하다는 Astro 홈페이지의 내용이 관심을 끌어서 해당 프레임워크를 학습하고, 이를 블로그에 적용했다.
마이그레이션 과정
공식 문서에 나와있는 마이그레이션 방법뿐만 아니라, 블로그 만드는 방법 튜토리얼 등, 여러 자료를 참고해서 마이그레이션을 진행했다.
마이그레이션 과정에서 만난 이슈들
다크 모드
프레임워크를 변경하면서, 기존 Next.js를 위한 라이브러리들을 사용할 수 없게 되었다. 다크 모드를 구현함에 있어, next-thems를 사용하는 대신,
컴포넌트를 구현해서 해당 문제를 해결할 수 있었다.
마이그레이션 결과
기존 Next.js + ContentLayer조합일 때보다, 게시글이 늘어났음에도, 빌드 시간은 줄어들었고, 더 빠릿빠릿해졌다는 느낌을 받았다.
공식 홈페이지도 잘되어있고, Integration 등으로 기존 React 코드도 사용이 가능한 점 등 장점이 많다고 생각이 들어서,
앞으로 블로그는 이 프레임워크를 기반으로 계속 사용하면서 개선하나가려고 한다.
앞으로 어떻게 발전시켜나갈지에 대한 고민을 계속하고 있는 중이다.