작업 기간: 2026.06 ~ 현재 (운영 중) 역할: 1인 기획ㆍ디자인ㆍ개발ㆍ운영 주소: masonlab.tech Velogㆍ티스토리 같은 기존 플랫폼 대신, 검색 노출과 읽는 경험을 직접 설계하고 싶어 처음부터 만든 기술 블로그입니다. 만드는 과정도 블로그에 시리즈로 연재했습니다. - 글은 빌드 타임에 정적 HTML로 미리 만들고, 발행하면 바뀐 페이지만 즉시 갱신 (SSGㆍISRㆍ태그 기반 캐시) - 직접 만든 글쓰기 스튜디오: 블록ㆍ마크다운 편집, 이미지 캡션ㆍ정렬, 예약 발행, 시리즈 순서 관리 - 시리즈 목차와 읽기 진행 표시, 본문 목차, 코드 하이라이팅, 이미지 확대 보기 - 댓글(로그인ㆍ스팸 방지ㆍ관리), 반응, 카테고리별 이메일 구독, 다크 모드, 모바일 대응 - SEO: 글별 OG 이미지 자동 생성, 구조화 데이터, 사이트맵ㆍRSS, 구글ㆍ네이버 등록, GA 연동 - 보안 점검: 오픈 리다이렉트, IP 위조, 구조화 데이터 XSS 차단 사용 기술: Next.js 16, React 19, TypeScript, Supabase(PostgreSQL), Tailwind CSS, Shiki, Vercel

홈 (PC)

아티클 목록 (PC)

아티클 (PC)

본문 목차ㆍ코드 (PC)

다크 모드 (PC)

시리즈 (PC)

About (PC)

홈 (모바일)

아티클 (모바일)