Connect Your Website to Claude Code
Use Claude Code to build and manage your website through simple conversations. Once connected, you can create pages, write blogs, and manage your website effortlessly. You can even write scripts to pull data from various sources and generate programmatic pages.
Prerequisites
- Claude Code installed on your computer
- An active Hostbento project
Getting Server URL
You'll need the MCP server URL to connect Claude Code. Login to the Hostbento dashboard and navigate to Settings > General to find your unique MCP server URL.
Add MCP Server to Claude Code
Run the following command in your terminal to add the Hostbento MCP server:
claude mcp add --transport http hostbento https://app.hostbento.com/mcp/v1/website-builder/<your-project-name>
Replace <your-project-name> with your actual project name. For example, if your project name is hostbento, the command will be:
claude mcp add --transport http hostbento https://app.hostbento.com/mcp/v1/website-builder/hostbento
This adds the MCP server URL to your local Claude Code configuration. Next, you'll need to authorize Claude Code to access your Hostbento project.
Authorize Claude Code
-
Open the Claude Code terminal:
claude - Run the
/mcpcommand to view your configured MCP servers. You should see thehostbentoserver you just added. - Select the
hostbentoserver, press Enter, and click Authorize. This will open your browser where you can select the project you want to connect and complete the authorization.
Managing Multiple Hostbento Projects
If you have multiple Hostbento projects, you can add multiple MCP servers with different names using the same command above. Just make sure to give each MCP server a unique name (instead of hostbento). When working on a website, make sure to only enable the corresponding MCP server for that project.
What You Can Do
With Claude Code connected to your Hostbento website, you can:
- Access and reference local files when creating pages
- Write scripts to pull data from various sources and use Claude Code to generate programmatic pages with rich content
Ready to Get Started?
Connect Claude Code to your Hostbento website and start building with AI.