"Building a website with Claude " in 2026 could mean two completely different things. The first is opening Claude Code and coding the website yourself with AI: this requires a paid subscription, your own hosting, and the ability to roll back unsuccessful edits through the version control system. The second is putting together a website in a regular AI builder in a few minutes, then connecting it to Claude, ChatGPT, or Gemini and simply telling it what to fix. Below, I'll be honest about both approaches: how much it costs, where beginners stumble, and how connecting a finished website to AI chat works.
The site "via Claude " is two different paths
When people Google "how to make a website in Claude," they almost always mean one of two things: either writing code using AI or managing an existing website from chat. The difference is crucial, and confusion is costly—it's easy to waste an evening on a tool that doesn't solve your needs.
The first approach is called vibe coding: Claude Code, as well as Lovable, Bolt, and v0, generate the actual website code based on your text commands. The second approach is where you receive a ready-made website, and Claude, ChatGPT, or Gemini connect to it as a control panel via the MCP protocol. Below are both approaches, in order, with actual numbers and pitfalls.
What is MCP in simple terms?
MCP (Model Context Protocol) is an open protocol that allows AI chats to connect external tools. The protocol's developers explain this by comparing it to a connector:
" MCP is like a USB-C port for AI applications: Just as USB-C provides a standard way to connect devices, MCP provides a standard way to connect AI applications to external systems." (translation by meaning)
- modelcontextprotocol.io,“What is the Model Context Protocol”
Anthropic opened MCP as an open standard on November 25, 2024. In March 2025, OpenAI adopted the protocol, initially in the Agents SDK, with the promise of soon adding support in the ChatGPT app and Responses API. Microsoft and Google soon joined. By December 2025, MCP had over 10,000 active public servers, and that same month, Anthropic transferred protocol management to the Agentic AI Foundation at the Linux Foundation to ensure the standard remains neutral. For the site owner, this means MCP is the accepted way to connect AI chats to third-party services, supported by all major assistants today. For details on how this works at 1001site, see the instructions for connecting Claude, ChatGPT, and Gemini in the knowledge base.
Path 1: Claude Code builds a website from scratch - how much does it really cost?
Claude Code doesn't have a free version: access starts with a Claude Pro ($20 per month) or Max ($100-$200 per month) subscription, or token payments through Anthropic Console. Other vibe coding services operate in a similar fashion:
- Lovable - 5 builds per day for free, paid from $25 per month.
- Bolt.new - 1 million tokens per month for free, $20-25 per month for a fee (tokens are used up faster as the project grows).
- v0 (Vercel) - 7 messages per day free, paid from $30 per month per user.
After the build, the code is yours and can be transferred to any hosting—that's a plus. However, hosting, domain, HTTPS certificate, and subsequent website maintenance are also your responsibility. Bolt publishes to Netlify by default. Lovable syncs with GitHub and requires a separate deployment to Netlify or Vercel. v0 is tied to Vercel's own infrastructure, right down to manually configuring DNS records (technical domain addresses) for your own website. Neither of these tools includes site maintenance after the build.
What pitfalls await a non-technical person in vibe coding?
Five things actually kill enthusiasm faster than the promises in vibe coding ads:
- AI breaks already working code. A common complaint among newbies in vibe coding: during their first attempts, the AI writes broken code and breaks already working services.
- Without Git, there's no rollback point. The same author compares commits to the version history in Google Docs—but even this has to be explained to a newbie from scratch.
- The model "forgets" the context. Any AI model has a limited memory of dialogue, so it ends up repeating the same thing over and over again—this is clearly demonstrated by the analysis on DEV Community.
- Debugging someone else's code is a blind alley. If you didn't write the logic, diagnosing a bug is more difficult: it's unclear where to even begin searching for the cause.
- Security is a blind spot. AI doesn't add brute-force protection or two-factor authentication by default unless explicitly requested, and API keys often end up right in the front-end code. Georgia Tech's Vibe Security Radar vulnerability tracker recorded an increase in discoveries in AI-generated code from six new CVE entries in January 2026 to 35 in March—details at entrepreneurloop.com.
None of these issues mean that vibe coding is a bad tool: for a developer or a keen experimenter, it's a viable way to quickly put together a prototype. But for a business owner who simply wants a working website without the burden of a second profession, this is a significant entry price.
Path 2: The website is already ready, and the AI chat is just editing it
The second route is shorter precisely because the site is already built. In 1001site you choose a style from the catalog, and the AI agent creates the homepage and sections in that style in 2-7 minutes; clone mode replicates the reference almost exactly, and the text is rewritten specifically for your business. Then, you can connect the site to Claude, ChatGPT, or Gemini via MCP, and manage it with commands like, "List these 20 products from the table," "Make the homepage like the one on this site," "Raise prices by 10%."
The service handles hosting, domain, and engine updates—you don't need to access the repository or deployment console. The website technically lives in your dashboard, and the public address is a subdomain or custom domain with a free SSL certificate. The style is selected in the "Create a Website" pop-up on 1001site.com, and MCP connection is added after the website is ready.
How to connect a website to Claude, ChatGPT, or Gemini: 3 steps
Connection is done once per assistant and takes three steps.
- Click "Connect." Go to Settings → "AI and MCP " → "Connect Claude " (or ChatGPT, Gemini). A key with full access to this site will be generated, and the connection link will be copied to the clipboard.
- Paste the link into the assistant. For Claude (claude.ai) - Settings → Connectors → "Add custom connector"; for Claude Code - the command from the connection window; for ChatGPT - Developer mode → MCP apps → add server; for Gemini - Settings → Connected Apps → Add a custom app (for Gemini CLI - a separate command).
- Check. Send the assistant a message like, "You're connected to my site. Show me what you can do." They'll call up the tool and respond with a list of options.
A catalog of ready-made commands is built right into the connection, so you don't need to come up with prompts from scratch.
What can you entrust to an assistant - and what can't you?
The connected assistant receives the same tools as the built-in AI assistant in the office:
- Categories and products - creation, editing, import, photo by link;
- orders and their statuses;
- all site settings and interface texts;
- design - colors, fonts, header, custom CSS, style based on reference or screenshot;
- structure of the main page and pages from blocks;
- posts and statistics.
The assistant has no access to the tariff plan, website address and domain, payment and bot keys, or data deletion—this alleviates the main fear of "what if they break something irreversibly?" The key is shown once upon creation and can be issued with limited rights (read-only, or read and write access for specific groups, such as the catalog or orders). It can be revoked with a single click in the connections list, after which the assistant immediately loses access.
What it looks like in practice: a catalog of 300 products in a couple of minutes
300 product cards, which would normally take days to fill out manually, took just a couple of minutes of conversation with Claude on the author's related service, which uses the same MCP principle as 1001site. In one of the projects for a dealer network selling monuments, Claude analyzed a trove of source 3D models, manually "sliced" them into 300 individual products, and categorized them using a couple of text commands from the author. The author describes the result as follows:
" MCP technology radically changes store management. Instead of manually filling out cards all day long, you communicate with a chatbot, send photos, and the system automatically fills the store."
- From the case study "Catalog of 300 Products in a Couple of Minutes," 1001site blog
The logic for connecting and working with Claude via MCP in 1001site is the same - only the catalog and products are already yours.
Do I need a paid account and how much does the whole process cost?
Yes, most likely. MCP connection is available on the site's paid plans ("All Inclusive" - €45 per month, first month with a promo code - €25; no trial period). An account on Claude, ChatGPT, or Gemini is separate and yours: its terms, message limits, and cost are set by the provider itself, not 1001site. Compare this to the entry price for vibe coding from the section above: there, the cost starts at $20 for a Claude Code subscription alone, excluding hosting. MCP is not free, but it only adds the cost of an assistant account on top of the already paid website—there is no separate bill for hosting and domain.
Which path should you choose?
If you're interested in the programming process itself, need a completely custom product, or are comfortable with git and deployment, vibe coding with Claude Code, Lovable, or Bolt is worthwhile, and it's a viable tool for the job. If you need a working website for your business without a second career, it's smarter to build it using a ready-made AI builder and then connect it to Claude, ChatGPT, or Gemini via MCP when you want to manage it verbally. The second approach starts with choosing a style from the 1001site catalog: a website is ready in 2-7 minutes, and MCP connection can be added on top of the existing result at any time.
Sources
- Anthropic. Introducing the Model Context Protocol, 11/25/2024
- Model Context Protocol - official documentation
- MCP joins the Agentic AI Foundation, MCP blog, 12/09/2025
- DivyanshuLohani. The Vibe Coder: Non-Technical Developers and the Mirage of AI, DEV Community
- 10 Critical Security Vulnerabilities Every Vibe Coding Founder Needs to Watch Out For, entrepreneurloop.com
- Connecting Claude, ChatGPT, and Gemini ( MCP) - 1001site Knowledge Base
- A 300-Product Catalog in a Few Minutes: How MCP and Claude Fill an Online Store
