# Webサイト制作を内製化する手順｜AIエージェント × Vercel × Xserverで作る自社運営サイト

> Webサイト制作を内製化する最短ルートは、Xserverでドメインを取り、AIエージェントにNext.js + Tailwindの雛形を作らせ、GitHub経由でVercelに自動デプロイし、DNSのCNAMEとAレコードでカスタムドメインを当てる構成です。本記事では、必要なもの・各手順の操作内容・設定値・詰まりポイントを実装手順そのままに整理します。

## メタ情報

- URL (HTML): https://funnel-ai.jp/media/web-site-naisei-ai-agent-vercel-xserver/
- 公開日: 2026-02-15
- 最終更新: 2026-04-26
- カテゴリ: Web制作・LP (https://funnel-ai.jp/media/web-design/)
- 編集: ファネルAi編集部 (https://funnel-ai.jp/company/funnelai-editorial/)
- 監修: ファネルAi監修チーム (https://funnel-ai.jp/company/funnelai-review/)
- 出典メディア: Funnel Ai Media (https://funnel-ai.jp/media/)

## 本記事のポイント

- Webサイト制作の内製化は、Xserverドメイン + Vercel無料枠 + AIエージェント1つの3点セットで初期費用 年¥1,500前後＋月¥0から始められます。
- AIエージェントの主軸はClaude Codeで、Next.js + Tailwind CSSの雛形・修正・画像差し替えまで自然言語で指示できます。
- Xserver側のDNSは「Aレコード 76.76.21.21」と「CNAME cname.vercel-dns.com」の2行を入れるだけで、Vercel側のSSLは自動発行されます。

## 想定質問

- Webサイト制作を内製化するには、最低限どんなツールとアカウントが必要か？
- AIエージェントでWebサイトを作るとき、具体的にどんなプロンプトを使えばよいか？
- VercelとXserverのカスタムドメイン接続は、どのDNSレコードをどこに設定すればよいか？
- 内製化したサイトを公開した後、運用・更新・SEOはどう回せばよいか？

---

本文（HTML）は https://funnel-ai.jp/media/web-site-naisei-ai-agent-vercel-xserver/ を参照してください。