Utterances로 깃허브 페이지(Next.js)에 댓글 기능 만들기
Utterances 블로그에 댓글 기능을 추가하려고 알아보다가 utterances라는 좋은 앱을 발견했다. 깃허브의 이슈를 데이터베이스처럼 사용하여 댓글 기능을 사용하게 해주는 앱이다. 오픈소스이고 완전 무료이다. 백엔드가 없는 상황에 정말 딱 맞는 앱이었다. 오픈소스이다. 추적이 없고, 광고가 없다. 항상 무료. lock-in이 없다. 모든 데이터는 깃
Tag: #github
[GitHub Actions 공식문서]GitHub Actions의 이해
GitHub Actions의 이해 Overview 깃허브 액션은 빌드, 테스트, 배포 파이프라인을 자동화하는 CI/CD 플랫폼이다. 워크플로우를 만들어서 풀 리퀘스트가 들어올 때마다 빌드와 테스트를 하거나 머지된 풀 리퀘스트를 배포할 수 있다. 깃허브 액션은 단순한 데브옵스를 넘어 리포지토리에 다른 이벤트가 발생해도 워크플로우를 실행할 수 있다. 예를 들어
마크다운에 깃허브 스타일 적용하기
github-markdown-css 이전에는 직접 마크다운 스타일도 만들어봤지만 너무 귀찮고, 익숙한 깃허브 스타일을 사용해보고 싶어서 검색해봤다. github-markdown-css를 바로 찾을 수 있었다. 사용법은 간단하다. CSS 파일(github-markdown.css 등)을 import 하고, 마크다운을 감싸고 있는 컨테이너 태그에 markdown
Contentlayer로 마크다운 파일 읽기
Contentlayer란 Contentlayer는 콘텐츠를 JSON으로 변환해서 쉽게 사용할 수 있게 해주는 도구이다. 프로젝트 폴더에 있는 마크다운 파일을 Next.js에서 사용하기 위해 도입했다. Sources 정식으로 지원하는 소스는 Sources > Files">파일이다. (2023년 11월 기준) [원격 파일][contentlayer-remot