Notion Blog始めました

数ヶ月前に Notionというサービスがいいらしい という噂を聞き、使ってみたら神だったので最近の情報整理はもっぱらNotionで行っていました。

そのNotionを使ってブログが書けるNotion Blogなるサービスがあると聞き、試してみたらやっぱり神だったのでその導入作業を備忘として残しておきます 🙋‍♂️

フロントエンドをNext.js、バックエンドにNotionを使ったCMSです。

Vercelというホスティングサービスを利用しているのでサーバ代やメンテナンスの手間もいらず、 Notionをエディタとして利用してブログを書くことができ、 OSSとして公開されているためデザインなども自由に変更できます。

Getting startedはいろいろなところで紹介されているため省きます 🙋‍♂️

Notion Blogデフォルトのデザインもよいですが、はてなブログっぽいデザインの方が好みなので変更します。

デフォルトのnotion blogはHomeとBlogでページが別れており、URLにアクセスするとHomeがまず開きます。いきなりブログの一覧が開いてほしいので修正します。

Next.jsのルーティングは pages 以下のフォルダ構成がそのままパスになるので、 pages/index.tsx の内容を pages/blog/index.tsx の内容に書き換えました。

デザインを自分好みに変えていきます。全体に関わる部分は global.css 、ブログページ固有部分は blog-module.css を変更します。

デザインも最低限ですができて、なかなかいい感じです。

これまでは某ブログサービスを使っていたのですが、やっぱりエディタの入力利便性がいまいちしっくりきていませんでした。Notionでブログを書いていけるのがとても楽しみです 🙂

以下あたり今後対応していけたらなーと。