Utterances로 깃허브 페이지(Next.js)에 댓글 기능 만들기
Utterances 블로그에 댓글 기능을 추가하려고 알아보다가 utterances라는 좋은 앱을 발견했다. 깃허브의 이슈를 데이터베이스처럼 사용하여 댓글 기능을 사용하게 해주는 앱이다. 오픈소스이고 완전 무료이다. 백엔드가 없는 상황에 정말 딱 맞는 앱이었다. 오픈소스이다. 추적이 없고, 광고가 없다. 항상 무료. lock-in이 없다. 모든 데이터는 깃
Tag: #github-pages
다크 모드와 라이트 모드 추가하기(next-themes + tailwindcss)
next-themes next-themes는 Next.js에서 다크 모드를 쉽게 사용할 수 있도록 해 준다. next-themes에서 소개하는 특징 중 아래 내용이 마음에 들어서 선택했다. 단 두 줄의 코드로 다크 모드 완성 Next.js app 디렉토리 지원 시스템 설정 사용 가능 next-themes 설치 npm install next-themes
Contentlayer로 마크다운 파일 읽기
Contentlayer란 Contentlayer는 콘텐츠를 JSON으로 변환해서 쉽게 사용할 수 있게 해주는 도구이다. 프로젝트 폴더에 있는 마크다운 파일을 Next.js에서 사용하기 위해 도입했다. Sources 정식으로 지원하는 소스는 Sources > Files">파일이다. (2023년 11월 기준) [원격 파일][contentlayer-remot