otter-log

나만의 블로그를 만들면서, 하나씩 배워가고 있습니다. 블로그를 만들던 이야기를 기록하고 있습니다.

otter-log

실행하기

yarn && yarn install
yarn dev

개발스택

• TypeScript
• NextJS
• tailwind CSS

구현 목록

• [x] 다크모드
• [x] Notion API 연동
• [x] Table of Contents
• [x] 댓글 기능
• [x] 필터 기능
• [ ] 필터 페이지를 추가해서, 필터기능 세분화하기
• [ ] 관련 포스트를 제공해주는 컴포넌트 구현

블로그를 만들면서 있었던일

• meta 태그와 sitemap을 활용한 블로그 SEO 최적화
• Notion API 사용기
• Notion API 이미지 문제 해결하기
• React에서 이미지 최적화 진행하기
• Next/Image로 이미지 최적화 하기
• Read More 버튼과 검색 최적화, 클립패턴
• w3c validator로 마크업 개선하기
• Next에서 번들사이즈 개선하기