WEBサイト「TAMTAM ONE-PHRASE DIARY – たむたむのひとこと日記」

idea
新しく我が家にお迎えしたネザーランドドワーフのうさぎ「たむたむ」（世界で一番かわいいいきものです）のひとこと日記です。
完全なる趣味の範疇での制作です。

デザインは最近すっかりXDばかりで行っていたため、気分転換にFigmaを採用。
今回は普段あまり手を出すことのない、柔らかくてかわいめのテイストで制作しました。

フロント技術にはReact製のGatsby.jsを選択。ホスティングはNetlify、コンテンツの更新はContentfulから行い、Gitへのコミット or コンテンツ更新でHTMLビルド＆デプロイを自動で行うSSG形式のJamstackサイトとして制作しています。
デザイナー的にGraphQLの扱いは正直辛い部分もありましたが、結果的に何とか形になりました。

Gatsby.jsは技術がやや複雑な代わりに、非常に高いサイトパフォーマンスを狙えるフレームワークです。
事実、現段階でlighthouseではすべての項目でほぼ100点の状態となっています。
今回の制作でGatsby.jsによるちょっとしたブログサイトのひな型が完成し、ナレッジもある程度ためることができたのは大きな収穫でした。

また最終的にこのサイトはPWAとして公開しています。