folionote
🧩

folionote

🧩
Notion 페이지를 그대로 웹사이트로 발행하는 오픈소스입니다.
지금 보고 계신 이 페이지가 Notion으로 쓰였고, folionote가 렌더링하고 있습니다.

무엇인가

Notion에 글을 쓰면 그게 곧 웹사이트가 됩니다. 별도의 CMS도, 빌드 스크립트도 필요 없습니다. Notion에서 고치면 최대 10분 안에 사이트에 반영됩니다.
Notion을 웹사이트로 내보내는 상용 서비스가 여럿 있습니다. folionote는 그 일을 직접 호스팅으로 합니다. 페이지 수, 방문자 수, 사이트 수에 제한이 없습니다.

5분이면 됩니다

  1. Notion 페이지를 "웹에 게시"로 켭니다
  1. Vercel에 배포를 누르고 Notion 페이지 주소와 사이트 이름을 넣습니다
  1. 끝입니다. 글은 Notion에서 고치면 10분 안에 반영됩니다
파일을 고칠 필요가 없습니다. 직접 호스팅하고 싶으면 fork 뒤 site.config.ts로도 됩니다.
AI 에이전트에게 맡길 수도 있습니다. 리포에 AGENTS.md가 있어서 클론하고 "배포해줘"라고 하면 됩니다.

누구에게 맞나

  • 개인 블로그. Notion 데이터베이스가 그대로 글 목록이 됩니다
  • 포트폴리오. 커버 이미지와 2단 컬럼 배치를 Notion에서 잡습니다
  • 문서 사이트. 토글, 코드 블록, 표가 그대로 렌더됩니다
  • 팀 위키. 하위 페이지를 만들면 사이트의 하위 경로가 됩니다

무엇이 되나

기능
설명
커스텀 도메인
Vercel이나 Cloudflare에 원하는 주소로 연결
다크 모드
OS 설정을 따르거나 한쪽으로 고정
설정 화면
GitHub 로그인 후 브라우저에서 설정을 고치고 커밋
SEO
사이트맵, RSS, 페이지별 메타, 구조화 데이터
커스텀 코드
분석 스크립트와 CSS를 직접 주입
위젯
진행률 바, 맨 위로, 팝업, CTA 버튼, 하단 탭바

더 보기

🧰
기능
🚀
시작하기
🎨
블록 렌더링 예시
블로그

만든 이유

기존 서비스들은 잘 만들어져 있습니다. 다만 구독이 끊기면 사이트도 멈추고, 원하는 기능을 직접 넣을 수 없습니다. 내 글이 내 손에 있으려면 발행하는 쪽도 내 것이어야 한다고 생각했습니다.
소스는 GitHub에 있습니다. MIT 라이선스입니다.