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上で記事、カテゴリ、タグ、メニュー、ページの執筆や整理を続けるだけで、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