domain-management について
domain-management は、SG Cars Trends プラットフォームのドメインと DNS を管理するスキルです。Vercel のドメイン設定やトラブル対応を行う担当者向けに、カスタムドメイン、DNS、リダイレクト、SSL/TLS の手順を扱います。
主な機能
- 01Vercel のカスタムドメイン設定
- 02DNS レコードとネームサーバーの設定
- 03DNS 伝播の確認
- 04SSL/TLS とリダイレクトの問題対応
- 05セキュリティヘッダーの設定
活用シーン
- 01カスタムドメインを Vercel に接続
- 02ドメイン解決の失敗を診断
- 03証明書の状態と HTTPS を確認
- 04カスタムドメインの 404 を調査
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ motormetrics/ motormetrics --skill domain-managementインストール後、Claude Code で/domain-managementを入力して読み込まれたか確認します。
詳細
ドメイン管理スキル
このスキルは、SG Cars Trends プラットフォームのドメインと DNS 設定の管理に役立ちます。
このスキルを使う場面
- Vercel でカスタムドメインを設定する
- ドメイン解決の問題をデバッグする
- リダイレクトを設定する
- SSL/TLS エラーをトラブルシューティングする
ドメインアーキテクチャ
ドメイン構造
sgcarstrends.com # Production web app
*.vercel.app # Preview deployments
DNS プロバイダー:Vercel
Vercel は、自動 SSL 証明書を提供しながら DNS 管理を行います。
機能:
- SSL/TLS 証明書の自動発行
- グローバルエッジネットワーク
- DNS の高速な伝播
- DDoS 保護機能を内蔵
Vercel のドメイン設定
カスタムドメインの追加
- Vercel ダッシュボード → プロジェクト設定 → ドメインに移動します
sgcarstrends.comを追加します- DNS 設定の手順に従います
- Vercel が SSL 証明書を自動的に発行します
DNS レコード
ドメインを Vercel に向けます。
Type Name Value
A @ 76.76.21.21
CNAME www cname.vercel-dns.com
または、Vercel のネームサーバーを使用して DNS を完全に管理します。
DNS の問題をデバッグする
DNS の伝播を確認する
# Check DNS resolution
dig sgcarstrends.com
dig @8.8.8.8 sgcarstrends.com
# Or use online tools
# https://www.whatsmydns.net/#A/sgcarstrends.com
SSL 証明書を確認する
# Check certificate details
openssl s_client -connect sgcarstrends.com:443 -servername sgcarstrends.com
# Check certificate expiry
echo | openssl s_client -connect sgcarstrends.com:443 2>/dev/null | openssl x509 -noout -dates
ドメインの解決をテストする
# Test HTTPS
curl -I https://sgcarstrends.com
# Test redirect (www → apex)
curl -I https://www.sgcarstrends.com
よくある問題
問題:DNS が解決されない 解決策:
- Vercel ダッシュボードで DNS レコードを確認します
- ネームサーバーの設定を確認します
- 伝播を待ちます(通常 5 分未満)
問題:SSL 証明書エラー 解決策:
- Vercel でドメインが認証済みであることを確認します
- 証明書の発行を待ちます(最大 24 時間)
- ドメインの DNS が Vercel を指していることを確認します
問題:カスタムドメインで 404 が発生する 解決策:
- ドメインが正しいプロジェクトに追加されていることを確認します
- デプロイが成功していることを確認します
- ビルド出力を確認します
セキュリティヘッダー
next.config.ts で設定します。
const securityHeaders = [
{
key: "Strict-Transport-Security",
value: "max-age=63072000; includeSubDomains; preload",
},
{
key: "X-Frame-Options",
value: "SAMEORIGIN",
},
{
key: "X-Content-Type-Options",
value: "nosniff",
},
];
const nextConfig = {
async headers() {
return [
{
source: "/:path*",
headers: securityHeaders,
},
];
},
};
参考資料
- Vercel ドメイン:https://vercel.com/docs/projects/domains
- Vercel DNS:https://vercel.com/docs/projects/domains/dns
ベストプラクティス
- アペックスドメインを使用する:URL をすっきりさせるために
sgcarstrends.comを使用します - HTTPS のみを使用する:Vercel は HTTPS を自動的に適用します
- www をリダイレクトする:www → アペックスへのリダイレクトを設定します
- 監視する:Vercel ダッシュボードでドメインのステータスを確認します
コメント
Markdown 対応