Notionをブログ化して自由にカスタマイズ"Notion-blog-nextjs"

Notion Blogとは？

今回はNotionをヘッドレスCMSとして利用し、フロントエンド側でNotionの非公式APIと繋ぎ込んで情報取得してブログ化しますよーってのがNotionBlogです。 今回紹介するNotionBlogは上記概要を実現したOSSライブラリ

今回はコンテンツを作る&管理も優秀で最高な体験が出来るNotionをヘッドレスCMSにしちまえばいいじゃん！複数ブログ作ったとしても、一箇所のNotionで完結出来る未来、めちゃ楽じゃんっていう発想を叶えるのがNotionBlogだったというわけです。

Notionは他のヘッドレスCMS活用と比べて導入ハードルが低い

ヘッドレスCMSは、 ・Strapi ・Contentful ・Netrify CMS などなど色々あると思いますがそれらはセットアップがかなり大変だと思います。 ヘッドレスCMS側もセットアップが必要ですし、それを活用するフロントエンドを作るのも案外手間です。ヘッドレスCMS側で作ったデータ構造を適切にTypeScriptで処理できるようにしていくのも結構骨が折れるのでできればやりたくない...。 でもこのテンプレートはそこをすべて一気通貫で整えてくれるのがかなりポイント高いと思います。

非エンジニア向けのNotion-blog-nextjsの具体的な導入手順

（非エンジニア向け） notion-blog-nextjs で Notion をヘッドレス CMS にしたブログを開設する （Notion API）｜Yuji Tsuburaya / Notion アンバサダー｜note

こんにちは、 円谷です。表題にもある通り、今日は notion-blog-nextjs という Notion をヘッドレス CMS にしたブログの紹介をしたいと思います。CMS が Notion で、フロントエンドが Next.js というアーキテクチャでブログを開設することができるというものです。 This is a Next.js blog using Notions Public API.

note.com