개요

• 블로그 링크
• 깃허브 레포 링크

기술 스택

• Typescript
• Next.js
• MDX / Contentlayer
• Tailwind CSS
• ESLint / Prettier
• 그 외 주요 라이브러리
  • Giscus: 깃허브 discussion을 사용한 댓글 기능 라이브러리
  • next-seo: 간편하게 seo를 적용하기 위한 라이브러리
  • next-sitemap: 사이트맵을 만들어주는 라이브러리
  • react-type-animation: 타이핑 효과를 간단하게 적용할 수 있는 라이브러리
  • react-rewards: confetti 효과를 간단하게 적용할 수 있는 라이브러리
  • rehype, remark: mdx <-> html 변환 라이브러리

개발 내용

• next-seo와 next-sitemap을 사용하여 SEO 최적화 작업을 진행했습니다.
• TOC 기능을 구현하여 사용자가 목차를 눌러 이동할 수 있습니다.
• Google Analytics 및 Google Search Console을 사용하여 블로그를 분석합니다.
• tailwind css와 next-themes를 사용하여 다크모드를 구현했습니다.