コーポレートサイト
toshidev.jp
本サイト。現役インフラエンジニアのコーポレートサイトとして、Next.js App Router + Tailwind CSS v4で構築。Google Cloud Runにデプロイし、GTMによる計測も実装。
サイトを見る課題
フリーランスとしての信頼性を伝え、ココナラ・クラウドワークス以外からも問い合わせを獲得できるコーポレートサイトが必要でした。表示速度・SEO・セキュリティを妥協なく実現する必要がありました。
解決策
Next.js App RouterとTailwind CSS v4でモダンなUIを構築。Cloud Runによる安定したホスティング、GTMによるアクセス解析、Resend APIによるお問い合わせフォームを実装。全ページにJSON-LD構造化データとSEO最適化を施しました。
実装した機能
レスポンシブデザインお問い合わせフォームGTM計測JSON-LD構造化データセキュリティヘッダーCloud Runデプロイ
成果
- ✓Lighthouse Performance 90+、SEO 100 を達成
- ✓セキュリティヘッダー（CSP・HSTS等）を完備
- ✓問い合わせフォームからの直接受注ルートを確立
使用技術
Next.jsTailwind CSS v4Cloud RunTypeScript