Notion Blogを使った感想

2020/02/01

人はどうして３日で書かなくなるとわかっていてもブログを立ち上げることをやめられないのか。

NotionをヘッドレスCMSとして使えるNext.js製テンプレートができたということで早速試してみたので感想をまとめる。

ブログのデプロイ

ブログのデプロイ自体はzeitアカウントを作ってGithub連携し、デプロイボタンを押してポチポチ進めていけば一瞬でブログが立ち上がる https://github.com/ijjk/notion-blog#deploy-your-own

ここに上がっているのと同じものが出来上がる /blogのページにNotionで書いたPageが追加されていく https://notion-blog.now.sh/

Notion BlogではNext.jsのcanaryリリースを使ってSSGサポートなど導入予定の機能を使っている
- SSR(server-side rendering)に対してSSG(static-site generator)というらしい…
雰囲気で押したデプロイボタンによってGitHubにクローン & ZEITにプロジェクト追加 & now.shにデプロイが行われて便利 https://zeit.co/docs/v2/more/deploy-button
- Markdownにも対応しているのでGitHubのREADMEに置いとけばすぐに誰かのテンプレートをデプロイできる。よく考えられてる…
これはカスタマイズ後だが、たしかにスコアはいい感じ

ZEITプロジェクトのドメイン設定ページから blog.92thunder.dev を追加して、表示に従ってTXT, CNAMEレコードを設定するだけだったのでわかりやすくてよかった

backgorund-color変更など、細かいCSS調整
- global.cssの先頭にCSSの変数で色が定義されてるが、それを変えただけでは変わらない部分がある
- なぜかh2が小さくなるスタイルがあったので修正
トップページ、contactページ、ヘッダーメニュー、フッターのデプロイボタンはとりあえず要らないので削除
- Reactﾁｮｯﾄﾃﾞｷﾙくらいでも簡単に変えられるのでNext.jsよさげ
本格的なブログ運用を始めるには最初はかなり頑張りが必要そう。頑張りたくなければはてなブログなどを検討すべき

Notion使い始めて１週間だが書きごごちは悪くないし使いやすいので投稿の敷居も低くなりそうなのでNotionをヘッドレスCMSとして使えるのは良い
- （元々会社では別のドキュメントツール使ってたがNotion派閥が大きくなったので公式ドキュメントツールが先週変わった）
文字の色変更が効かない・Dividerが出ないなどはあるが、Tech Blogだと大きく困ることはなさそう
- Notionのblock(?)ごとにswitch-caseで描画している https://github.com/ijjk/notion-blog/blob/625463ea822f4acf65c79088a34a4eefc7909c4f/src/pages/blog/[slug].tsx#L155-L252
Reactのエコシステムを考えればレンダリングのコンポーネントが充実するのはそんなに遠いことではなさそう
ブログをどこに書こうか悩んでてReactでメンテできるブログが欲しい、Notionを使いたいなどがマッチしていればNotion Blogはいい選択肢だと思う