notionnext-org/NotionNext

어떤 프로젝트인가요?

핵심 기능

• 01Notion 페이지, 글, 메뉴를 직접 서버를 호스팅하지 않고 공개 웹사이트로 게시합니다.
• 02블로그, 문서 사이트, 포트폴리오, 랜딩 페이지, 내비게이션 사이트용 테마 26개를 기본 제공합니다.
• 03SEO, 사이트맵, RSS, 사이트 검색을 지원합니다.
• 04Giscus, Twikoo, Gitalk, Cusdis, Utterances 등의 댓글 시스템과 연동됩니다.
• 05커스텀 도메인과 분석 기능을 지원하며, Vercel 또는 Zeabur에 배포할 수 있습니다.

활용 사례

• 글은 모두 Notion에서 작성하면서 개인 블로그를 운영합니다.
• 디자이너나 사진작가의 포트폴리오 또는 퍼스널 브랜드 사이트를 만듭니다.
• Notion에서 관리하는 제품 랜딩 페이지나 SaaS 홈페이지를 게시합니다.
• Notion 지식 베이스나 팀 문서를 검색 가능한 문서 사이트로 전환합니다.

빠른 시작

1. 1

   저장소를 clone 또는 fork한 뒤 로컬에서 엽니다

2. 2

   Node 22를 사용합니다( Node 20에서는 현재 종속성을 설치할 수 없습니다)

   nvm use || nvm install
3. 3

   Yarn 1을 전역으로 설치합니다

   npm i -g yarn
4. 4

   종속성을 설치합니다

   yarn
5. 5

   로컬 개발 서버를 시작합니다

   yarn dev

사용 전 알아둘 점

• !Node 22가 필요합니다. Node 20에서는 현재 종속성을 설치할 수 없습니다.
• !콘텐츠는 Notion에서 관리해야 하며, 사이트를 실행하려면 Notion 페이지 ID를 설정해야 합니다.

토픽

자주 묻는 질문

NotionNext은(는) 무엇인가요?

Next.js와 Notion API를 기반으로 Notion 워크스페이스를 블로그, 포트폴리오, 문서 사이트, 랜딩 페이지 등 맞춤형 공개 웹사이트로 만들어 줍니다. NotionNext는 Next.js와 Notion API를 기반으로 만든 오픈소스 사이트 시스템입니다. Notion에서 글, 카테고리, 태그, 메뉴, 페이지를 작성하고 정리하면 NotionNext가 이를 SEO, 사이트맵, RSS, 검색 기능을 갖춘 공개 웹사이트로 게시합니다.

NotionNext은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

NotionNext은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

NotionNext은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. NotionNext의 마지막 커밋은 2026년 10월 21일입니다.

NotionNext은(는) 어디에 사용할 수 있나요?

글은 모두 Notion에서 작성하면서 개인 블로그를 운영합니다. 디자이너나 사진작가의 포트폴리오 또는 퍼스널 브랜드 사이트를 만듭니다. Notion에서 관리하는 제품 랜딩 페이지나 SaaS 홈페이지를 게시합니다. Notion 지식 베이스나 팀 문서를 검색 가능한 문서 사이트로 전환합니다.

NotionNext는 어떻게 설치하나요?

저장소를 clone 또는 fork한 뒤 로컬에서 엽니다 Node 22를 사용합니다( Node 20에서는 현재 종속성을 설치할 수 없습니다): nvm use || nvm install Yarn 1을 전역으로 설치합니다: npm i -g yarn 종속성을 설치합니다: yarn 로컬 개발 서버를 시작합니다: yarn dev

NotionNext은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/notionnext-org/NotionNext