6번째로 만드는 개인 블로그
kidow
@kidow
태그
Turborepo
Monorepo
App Router
설명
Turborepo, Nextjs App Router 등 최신 기술들로 무장하여 블로그를 색다른 방식으로 재단장했습니다.
배포
배포
수정일
Jul 31, 2023 09:03 AM
생성일
Jul 15, 2023 04:04 AM
블로그를 살면서 6번이나 만드는 사람이 있습니다. 네, 그게 접니다.
하도 만들어서 이전에 어떻게 만들어왔는지 기억도 안 나네요.
요즘 이직도 잘 안되서 최신 기술들이나 공부해보고 있던 와중에 한 번 새로운 프로젝트로 블로그를 다시 만들어 보았습니다.
최근 들어 알게 된 매력적인 기술들이 많았습니다. (대표적으로 Next.js의 App Router) 공부 겸 사이드 프로젝트로 만만하게 블로그다 보니 만들게 된 게 벌써 6번이나 오게 되었네요. 이제는 진짜 그만 만들고 싶다
기존 방식이 불편했던 점
이전에는 Nextra 라는 프레임워크를 통해 모든 개인 프로젝트들을 한 곳에서 mdx 파일로 관리해 왔습니다. 따라서 프로젝트가 분산되어 생기는 관리의 어려움 등의 단점들을 커버할 수는 있었지만 프레임워크 자체의 나름의 한계가 있었습니다.
예를 들면 블로그 글을 목록으로 가져오고 싶은 데 Nextra는 mdx 파일 목록을 가져오는 기능을 제공하지 않습니다. 따라서 링크들을 보여줄려면 따로 각각의 마크다운 frontmatter와 일치하는 데이터들을 일일히 따로 변수로 저장해야 합니다. 이게 글이 점점 많아지니까 너무 귀찮고 싫어지더라구요.
매력적인 Next.js App Router ✨
처음에 App Router가 나오고 문서를 보았을 때 상당히 난해했던 기억이 납니다. 프로젝트 구조가 크게 뒤바뀌고 비효율적으로 구성된 느낌이었거든요.
그런데 사이드 프로젝트로 일간 ProductHunt를 App Router로 한 번 만들어 보고 나니까, App Router가 훨씬 매력적이고 섬세한 구조로 되어 있다는 걸 느꼈습니다. 이제는 Page Router가 너무 식상해 보일 정도니까요.
마무리
제가 이 글에서 모든 걸 설명하는 것은 무리입니다. 워낙 이번에 많은 기능을 한 프로젝트에 도입했기 때문에, 하나하나 뜯어내서 리뷰하는 글을 써보도록 하겠습니다.
이전 블로그는 이제 이 곳으로 주소를 옮깁니다.
- Turborepo
- Monorepo
- App Router