WordPressからGatsbyへ

WordPressが死んだ

WordPressで運営していた個人サイトを全くメンテせず放置し早3年．気がつけば登録していたクレジットカードも番号も変わり，サーバ費用が引き落としできなくなっていたことにも気づかず，サイトはひっそりと消滅していた．

今日，なにか記事を書いたり，作品を公開したいと思えば，余程こだわりが無い限り，いくらでも無料ですぐに使え，効率的に集客できるサービスがいくらでもある．自分でサイトを持つのは大体の場合，不経済だ． それでもあえて自分のサイトを持つのは，自己満足かブランディングに自信があるかのどちらかだろう．

私の場合，もちろん自己満足である．

サイトを作ろうと思ったとき，第一の候補にあがるのはWordPressだ．

Blog Engine/CMSで有るところのWordPressは，世界中で利用されており，ユーザコミュニティや経済圏も大きく，高品質で高機能なウェブサイトを短期間でつくることができる．

Envatoを活用すれば，デザインや機能追加のコストも大幅に削減できる．

振り返れば，月間PVで3,000程度の個人サイトレベルから，月間PV億単位のメディアまで，様々な規模のサイトをWordPressで構築・運用してきた．なんだかんだ10年以上こいつに関わって来ているが，私はPHPとWordPressのコードがとても嫌いだ． 有用だし，仕事が多いことは認めるが，WordPressのコードやコーディング規約を見るたびに頭痛がしてくる．

閑話休題．

せっかくサイトを新規につくるのであれば，これまでにやったことが無い技術を使ってみよう． ということで，

• 静的サイトジェネレータとしてGatsbyを使う
• Headless CMSとしてcontentfulを使う
• APIサーバとしてHASURAを使う
• コードをTypeScriptとPureScriptで書く

といったことを目的に，新しくサイトを作ってみることにした．

Gatsbyを使ってみる

実は，以前も軽く触ったことがあるのだが， 当時はGatsby固有のファイルを直接TypeScriptで書くことができず，全体をTypeScript化しようとするとなかなかHackyなことをする必要があったため，気分が乗らず，なにかを作るということはしなかった．

改めて見てみると，[email protected]からGatsby固有のファイルも直接TypeScriptで書くことができるようになったようだ．

Gatsbyの入門記事は巷に溢れており，また本家のドキュメントも充実しているので，導入手順などには特段触れない．

このサイトのソースコード一式はここにある．

これから

書き溜めていたメモや成果物などを少しずつここに上げていこうと思う．