CMSクライアントはブラウザに届かない
コンテンツ取得のクライアントはサーバー専用として印を付けています。クライアントコンポーネントから誤ってimportした場合、APIキーがバンドルに乗るのではなくビルドが落ちます。
03 — 士業 / 法務 / 2026
GOODWILLLEGAL
札幌の行政書士事務所のサイト。サービス内容を明快に伝え、相談の問い合わせと継続的な記事発信をつなぐ設計にしました。
2026北海道札幌市
- クライアント
- 行政書士グッドウィル法務事務所
- 領域
- 士業 / 法務
- 担当
- 企画、デザイン、開発、CMS、SEO、運用
- 年
- 2026
01 / PROJECT
WHAT THE
PROJECT IS.
事務所のサービス情報、相談の流れ、プロフィール、アクセス情報に加え、継続的に更新するコラムまでを対象としたプロジェクトです。
サイトのコードを触らずに記事の公開と整理ができるようCMSを導入しました。問い合わせフローでは相談内容を事務所へ送信し、送信者には自動で確認メールを返します。
サイト企画とUI/UXから実装、CMS連携、問い合わせ機能、SEO、公開、その後の保守まで担当しています。
02 / HOW IT WORKS
THE DECISIONS
UNDER IT.
実装から
下書きは二重で止める
CMSは通常公開中のコンテンツしか返しませんが、APIキーの権限次第では下書きも返ります。士業のサイトに未公開記事が出るのは見た目の問題では済まないので、API側を信頼せず取得層でも弾いています。
CMSが落ちてもサイトは立つ
コンテンツAPIに到達できない場合もサイトマップは固定ページだけで配信します。CMSが未設定の環境ではフィクスチャにフォールバックし、ビルドが通る状態を保ちます。ページの再検証はサイトマップと同じ間隔なので、記事の公開とサイトマップへの掲載が揃います。
問い合わせは2通になる
1通は相談内容を事務所へ、もう1通は届いたことを送信者へ返します。法律の相談を送った人が、送れたのかどうか分からないまま待つことがないようにするためです。
03 / DELIVERED
WHAT WAS
BUILT.
- 01
サービスと相談情報のページ
- 02
CMSによる記事公開とカテゴリ構造
- 03
事務所への通知と自動確認メールを備えた問い合わせフロー
- 04
事務所プロフィールとアクセス情報
- 05
SEOを意識したメタデータ、サイトマップ、コンテンツ構造
- 06
継続的な保守とコンテンツ運用のサポート
04 / TECHNOLOGY
THE STACK
BEHIND IT.
- Next.js
- React
- TypeScript
- microCMS
- Resend
- GSAP