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.

Find 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

  1. Open the Claude Code terminal:

    claude
  2. Run the /mcp command to view your configured MCP servers. You should see the hostbento server you just added.
  3. Select the hostbento server, 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.