Minjae Blog

배포 링크 - https://mxx-kor.github.io/

since 2023.08

🧐 개발 과정에 마주하는 다양한 문제를 기록하고 공유하기 위한 개발 블로그

주요 기능

• 스크롤 스파이 (TOC)
• 노션으로 작성한 글 표시
• 검색 기능 (포스트 제목, 태그 별)
• 다크 모드
• 댓글 기능
• Archiving
• 반응형 디자인

기술 스택

And Github-Pages, Notion SDK (@notionhq/client), react-notion-x

프로젝트 특징

• Notion을 CMS로 활용하였고 이를 SSG로 정적 사이트로 제작하였습니다.
• 스크롤 스파이 기능을 구현하였습니다.
• Next.js가 제공하는 Link, Font 최적화를 활용하였습니다.
• 각 페이지에 맞는 메타 태그와 robots.txt, sitemap.xml를 통해 SEO를 적용하였습니다.
• 이미지 최적화를 통해 사진 파일의 크기와 로드 시간을 단축하였습니다.
• Github actions를 활용해 빌드, 배포를 자동화하였습니다

폴더 구조

Minjae Blog
├── public
│    └── images
└── src
    ├── assets
    │   └── fonts
    ├── apis
    ├── components
    │   └── layouts
    ├── constants
    ├── hooks
    ├── libs
    ├── pages
    │   ├── about
    │   ├── archives
    │   │   └── tags
    │   └── blog
    ├── styles
    └── types