개발자 테리 디조니(Terry Djony)가 노션(Notion)과 유사한 개인 웹사이트 및 블로그를 구축할 수 있는 오픈소스 프로젝트 '노션 스타일 개인 사이트(Notion-style personal site)'를 공개했습니다. 이 프로젝트는 사용자가 자신만의 지식 기반을 만들고, 이를 깔끔하고 검색 엔진 최적화(SEO) 친화적인 공개 페이지로 발행할 수 있도록 돕습니다. 복잡한 설정 없이도 개인 웹사이트를 직접 호스팅하고 관리할 수 있는 솔루션을 제공하는 것이 핵심입니다.
이 프로젝트는 Next.js 16 (App Router), Convex (실시간 데이터베이스 및 서버리스 함수), Clerk (인증), BlockNote (블록 편집기), Cloudflare R2 (이미지 저장) 등 최신 기술 스택을 활용합니다. 주요 기능으로는 헤딩, 목록, 체크박스, 코드 블록, 이미지 등을 지원하는 리치 텍스트 블록 편집기, 페이지 간 링크를 위한 슬래시 명령어, 무제한 중첩 가능한 페이지 계층 구조, 드래그 앤 드롭 재정렬 기능 등이 있습니다. 또한, 커버 이미지 및 이모지 아이콘 설정, 빠른 검색(⌘K), 라이트/다크 테마, 조절 가능한 사이드바, 휴지통 기능 등을 포함하여 사용자 편의성을 높였습니다. 특히, 개별 노트를 공개 페이지로 발행할 수 있으며, 이 페이지는 자동 생성되는 오픈 그래프(Open Graph) 및 트위터 카드, JSON-LD 구조화 데이터, 캐노니컬 태그, 사이트맵(sitemap.xml), 로봇(robots.txt) 파일을 통해 SEO에 최적화됩니다. 모든 편집은 설정된 단일 소유자 계정으로만 가능하며, 변경 사항은 Convex를 통해 실시간으로 동기화됩니다.
이 오픈소스 프로젝트는 개인 개발자나 소규모 팀이 자신만의 노션과 같은 콘텐츠 관리 시스템을 구축하는 데 필요한 시간과 노력을 크게 줄여줄 수 있습니다. 기존의 복잡한 CMS나 웹사이트 빌더 대신, 직접 코드를 제어하며 커스터마이징할 수 있는 유연성을 제공한다는 점에서 의미가 큽니다. 특히, SEO 친화적인 발행 기능은 개인 블로그나 스터디 노트를 통해 자신의 지식을 외부에 공유하고 싶은 사용자들에게 매력적인 요소입니다. 이는 기술 블로그나 포트폴리오 사이트를 구축하려는 개발자들에게 강력한 대안이 될 수 있으며, 웹 개발 트렌드에 발맞춰 최신 기술 스택을 경험하고 학습하는 기회도 제공합니다.