Gatsby.js+TypeScript+Netlifyで構築した個人技術ブログの技術スタックを全解説します。Preact導入によるバンドルサイズ削減、Bootstrap+PurgeCSSの最適化、Algoliaによるブログ内検索など無料で実現する構成を紹介します。

Netlify Formを使ってGatsby.js製の静的サイトにお問い合わせフォームを実装する方法を解説。data-netlify属性の設定、スパムBot対策のhoneypot設定、フォーム送信通知の確認手順まで、コード付きで紹介します。

Netlify CMSとGatsbyを使ったブログ構築の手順を解説。GitHubとの連携、CMS管理画面の設定、独自ドメインの適用まで、静的サイトジェネレーターを使ったHeadless CMSブログの作り方を初心者向けにまとめました。