Next.js의 App Router 방식으로 만든 블로그입니다.
TailwindCSS와 SCSS를 이용해서 css 작업을 했습니다.
MDX를 활용해서 게시글도 작성하고,
React 컴포넌트와 결합할 수 있게 만들었는데..
[[Wikilink]] 방식으로 적어도 링크나 이미지가 나오게끔 만들었습니다.
더 소개하자면...
- remark와 rehype을 이용한
- 코드 하이라이팅
- 목차 생성 기능
- next-image-export-optimizer를 사용해 이미지 최적화
- 이미지 클릭 시 부드럽게 확대
- Fuse.js를 이용한 검색 기능
등등 이런 것들을 구현했습니다.
블로그에는 제 작업물과 그림들을 보실 수 있으니...
천천히 구경하다 가시길 :)
웅히히