Gatsby.jsでブログを作った

はじめに

タイトルの通りGatsby.jsを使ってブログを作り直しました。

元々はてなブログで書いていましたが、既存のサービスなので管理やデザインの融通が効かなく以前から引っ越しをしようと思っていたのが主な理由です。

あとは個人的にReactを学びたかったのもあります。

Vueは以前触ったことがあったので、最初の入りは意外とすんなりいけましたが、開発していて途中から結構難しいと感じました。。。

Gatsby.jsはGraphQLやHeadless CMSでモダンで高速なサイトを作れる静的サイトジェネレーターです。(今回はCMSは使っていません。)

同じReact.jsで作られているNext.jsと迷いましたが、GraphQLを触ってみたかったのとGatsby.jsのほうが日本語での知見がネット上に転がっていたので、今回はGatsbyを選定してみました。(Next.jsでも今後なにか作りたい)

デプロイ先はNetlifyにしました。 Gatsbyとの連携も抜群でローコスト(個人利用なら実質ドメイン代だけ)で運営できるのもうれしいですね。

フロントエンドの本格的な開発は今回が初めてだったので、マークアップやデザインなどまだまだ改善の余地がある状態です。

今後はマイペースにブログを更新しつつ、フロント周りの勉強もして読みやすいブログを作っていきたいです。

このブログのソースはこちらに置いておきます。

参考になるかわかりませんが、誰かのためになれれば光栄です。