このサイトをWordpressからNotion+Cloudflare Pages+githubに移行しました。

重い腰を上げて、脱旧型なCMS(Wordpress)管理から、モダンなブログ環境に置き換えてみましたのでその検討、作業ログです。

本サイトはいうてもデジタルマーケティングの情報を配信するためのサイトなので、デジタルマーケティングツール群の導入とかカスタマイズは必須だとおもってます。なので、検討事項がいくつかあり…

note とか Qiita(これはこれで使ってるんですが…！)が一番手軽なんですけど、上の要件から外れ。で、色々考えた所やっぱり昨今はJamstackで考えるのが基本だろう…ということで。

コンテンツ管理：普段使ってるメモ書き用のNotionを使いたい
コンテンツ生成：SSG型をイメージ、何らかのAppでNotionからデータを取り出してHTMLを生成してほしい(HTML/CSS/JSもカスタムしたい)
コンテンツ配信：Github Pagesとか安価なホスティングの所で管理したい

こんなイメージをもとに色々調べてた所、日本人のおとよさんが開発してるastro-notion-blogがまさに要望どおりの機能だったので、これを導入することに決定！

こんなアーキテクチャに決まりました。

基本的にはもうおとよさんが用意してくれてるReadmeをみたらほぼ簡単にできました。
ただこれだけだと困るのは、デジタルマーケティング関連のツール導入…。

こういうツールでやっぱりデジタルマーケティングツール関連までケアしてくれることはないので、そこについてはastro-notion-blogのコード(ページレンダリング部分)をカスタムしました。

GAとかだけしれっと入れられるようにしてたりしますが、あれってマーケター的に言うと本当に微妙な設定とか機能しか入れられないので困る…

何をしたかというと、タグマネージャー系のツールを入れられるようにカスタムしました。

詳細は今後追って出そうかな…と思いますが、要はCloudflare Pages側でこんな感じで設定項目を増やして対応できるようにしてます。

あとはCloudflare Pages側で独自ドメイン利用できるように設定とかもしてますね。

これを作るために自分のローカル開発環境で作業してたんですけど、ローカルでbuildしたページが重くて、これは私が作ったDocker instanceに問題があるのか何なのか…。

これはもう力技で…前のコンテンツをコピーしてNotionに貼り付ける形で移行しました。(意外といけた。)

あと今回のタイミングでドメインをちょっとサブドメインありにしたので、そのリダイレクト処理はhtaccessでmod_rewriteを使って処理してます。

Next.jsとかほぼ触ったことなかったですが、1日あれば移行できましたし、これをオープンソースで公開してもらえてるのは感謝。みんなもastro-notion-blog使ってみると良いと思うよ！

運用費用：実質ゼロ。
- Notionはこれに関係なく契約して使ってるので
- githubは無償利用範囲内でOK
- Cloudflare Pages は無料利用範囲内でOK！(商用利用すらOK)