기술 블로그Notion 기반 기술 블로그
TypeScript
React
Next.js
Tailwind CSS
Notion
24.01 - ing
구분
사이드 프로젝트
기간
Jan 1, 2024
주요 스택
TypeScript
React
Next.js
Tailwind CSS
Notion
한 줄 소개
Notion 기반 기술 블로그
대표 여부
대표 여부
status
Published
slug
blog
역할 및 기여
- 기존 MDX 블로그의 수동 관리 문제를 개선하기 위해 새로 구축한 1인 사이드 프로젝트입니다. Notion 데이터 구조부터 Next.js 목록·상세 화면, 메타데이터·사이트맵, Vercel 배포와 도메인 연결, 콘텐츠 운영까지 직접 구성했습니다.
관련 링크
세부 경험
Notion 콘텐츠를 공개 블로그로 연결
기존 MDX 블로그는 글마다 메타데이터를 작성하고 이미지를 저장소에 직접 추가해야 했습니다. 저장소 파일을 수정하지 않고 콘텐츠와 공개 상태를 관리할 수 있도록 작성 환경을 Notion으로 옮겼습니다.
Notion의 글 데이터를 목록 화면에서 사용하는 형태로 변환하고
Published 상태인 글만 목록과 상세 페이지에 노출했습니다. 공개 글의 slug를 기준으로 상세 URL을 생성하고 존재하지 않는 글은 404로 처리했습니다.글의 제목·요약·썸네일로 메타데이터와 공유 미리보기 정보를 만들고 공개 글만 사이트맵에 반영했습니다. Notion에서 작성한 콘텐츠가 목록·상세 화면과 검색 노출에 필요한 정보까지 한 흐름으로 이어지도록 구성했습니다.
