React Hook FormとGetform.ioを組み合わせたお問い合わせフォームの実装方法を解説。useFormによるバリデーション、handleSubmitでのフォーム送信、FormDataを使ったGetform.ioへのPOST処理など、実コード付きで具体的に紹介します。

React Iframeライブラリを使って、Gatsby.js製PortfolioサイトにSoundCloudのメディアプレーヤーを埋め込む方法を紹介します。iframeタグをReactコンポーネントに変換するだけの簡単な手順でSoundCloudプレーヤーを実装できます。

Gatsby.jsブログにReact Calendar Heatmapを導入し、記事の投稿日をGitHub風の草（ヒートマップ）として表示する方法を解説。StaticQueryでGraphQLからデータを取得し、ツールチップやクリック遷移も実装する手順を紹介します

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

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