I described an internet web page in plain English, and minutes later it was dwell by myself area for Little River Studios. I did the entire thing by studying to construct a web site with Claude Code, with no web site builder, code editor, or internet hosting dashboard in sight.
Actually… it nonetheless feels a little bit unusual that this works.
There are three items to this setup. Claude Code is the builder, a Bluehost VPS is the server it deploys to, and an always-on Hermes AI agent retains web site operations operating after I shut my laptop computer.
I’ll be upfront, this path is extra technical than a no-code builder and it isn’t for everybody. Right here’s the total walkthrough I filmed whereas constructing and transport this web page from scratch.
Key Takeaways for Constructing a Web site With Claude Code
- No web site builder required. As an alternative of a hosted AI builder like Base44 or Claude Design boxing you right into a template, one plain-English immediate to Claude Code ships the web page straight to your individual internet hosting from Bluehost.
- Claude Code comes preinstalled. A Bluehost VPS with the Claude Code possibility arrives with the coding agent already arrange, so you can begin speaking to it inside minutes.
- You’ll want an API key. It’s what faucets into your Claude credit, although Bluehost provides AI credit as an easier workaround should you’d reasonably skip that step.
- Modifying is simply chatting. As a result of the entire web site lives on the VPS, you may change homepage copy, sections, or hyperlinks by speaking to Claude, and updates go dwell in seconds or minutes.
- Hermes works on a schedule. The always-on agent lives in your server, learns a activity as soon as so it turns into a reusable talent, after which runs on the schedule you set.
- This can be a energy person path. A VPS is self-managed, so that you personal the updates and maintenance, and a easy builder is the higher match in order for you a web site you hardly ever contact.
Get the Similar Server I Constructed This On: Bluehost VPS
That is the precise internet hosting behind each web page on this walkthrough, Claude Code and the Hermes agent included. I picked the Claude Code possibility so it got here preinstalled and I used to be up and operating in minutes. If you need probably the most versatile setup I’ve discovered, that is the place I’d begin.
Easy methods to Set Up Claude Code on a Bluehost VPS
The thought is straightforward. You describe what you need, and Claude Code, Anthropic’s agentic coding device, builds it and deploys it to a server you management.
That covers model new pages, further pages on an present web site, and fast edits to one thing already dwell. As an alternative of a builder making each determination for you, Claude handles the construct when you preserve the pliability of proudly owning your individual atmosphere.
Why Claude Code Over a Template Builder
A template builder limits you to what the template permits. With Claude Code, you may describe virtually something and construct it, and it’ll match your present design system. That flexibility issues to me, because you’re not boxed in on new websites, further pages, or edits.
Instruments like Base44 and Claude Design deal with faster one-off builds, however neither provides you a web site by yourself server. There’s additionally a sensible bonus. I’m already spending time in Claude and throughout different AI tools for my enterprise, and I have already got the subscription, so constructing there saves me from bouncing between apps.
For context, that is the third video in a collection. The primary two coated constructing a web site with Bluehost’s no-code web site builder after which opening an internet retailer, which is the best path for a primary web site. This model is probably the most versatile possibility.
Spinning Up Your VPS
Setting this up begins on Bluehost, the place I spin up a VPS, which is my very own personal server with devoted sources. Throughout setup, I choose the Claude Code possibility, so the coding agent comes preinstalled. A couple of minute later, I’ve obtained a server I can discuss to Claude on.
Right here’s how the setup went.
- I chosen the 2-year possibility as a result of it provides the most important low cost.
- Stored the preconfigured settings as Bluehost had them dialed in.
- For server location, I’m primarily based within the US and so is most of my viewers, so I saved the beneficial server and hit proceed.
On the {hardware} selection, I’m not doing something complicated and I’m not storing a ton of information, so I caught with the NVMe 4 plan. That provides me two CPUs, 4 GB of RAM, and 100 GB of storage, which is greater than sufficient for my functions.
Subsequent comes entry. I created an SSH key, which provides me passwordless entry to my server, then set my password and logged into the browser terminal. Truthful warning, we do get a little bit technical right here, but it surely’s not too loopy. I pasted in that password, and the server was prepared.
Including Your Anthropic API Key
Claude Code is already put in on the server, however you want an Anthropic API key to make use of your Claude utilization credit. That is probably the most technical step in the entire course of, so I’ll preserve it calm and clear.
First, head to platform.claude.com. It’ll ask you to create a corporation to get your key, or you may go the person construct route. New customers might even see free API credit supplied as a part of signup, however don’t deal with that as a everlasting promise.
You may skip including a cost methodology for now, then seize your key from the API keys web page utilizing Anthropic’s guide to creating an API key. Bluehost does have a workaround right here too. In case you’d reasonably buy AI credit by means of them as an alternative, you are able to do so, and it’s a little bit simpler since you keep away from this setup step completely.
In case you go the API key route, Bluehost has a information with all of the instructions you’ll want. I copied the immediate, added my key into the correct piece of it, and submitted it to my server.
As soon as the important thing was in place, I began a session by operating the command “claude,” it detected my key and requested to make use of it, confirmed just a few disclaimers, and we had been in enterprise.
Constructing and Delivery a Web page From a Single Immediate
Setup carried out, now the enjoyable half. That is the place you go from an empty server to a dwell web page by yourself area, and the operating instance is my Little River Studios co-working house.
Making a New Web page
I opened Claude in my VPS and described what I needed, which was a clear occasions web page for Little River Studios that pulls in our upcoming classes and matches the location’s present design system. Instantly, Claude ran by means of some permission requests to entry the location so it might perceive that design system earlier than constructing.
Then it set to work. Claude Code constructed the web page and deployed it straight to my Bluehost VPS. No copy-pasting code, no FTP, no GitHub pushes, no Vercel deployment, and no builder concerned.
For a one-prompt web page the place I gave it virtually no info, the end result was actually fairly good. It used placeholder upcoming occasions, however the imagery, on-theme branding, colours, and fonts all landed. It even wrote copy I genuinely appreciated.
It made smart, responsive layout decisions and even added RSVP buttons that pop up a pleasant little sign-up widget. That stated, this was a robust start line, not a completed web page. I nonetheless had some small tweaks to make earlier than setting it dwell on my web site.
Modifying an Present Web site
Right here’s the place the setup pays off past model new pages. As a result of the entire web site lives on this VPS server, I can have Claude make basic tweaks to what’s already there.
I can replace the homepage copy, swap out a bit, or repair a hyperlink that modified, all simply by chatting with Claude within the terminal. The move is similar each time. I describe the change, Claude makes it, and it’s dwell often in seconds or minutes.
That’s the identical conversational loop I’ve used earlier than when constructing a enterprise web site with AI, besides right here the location and the enhancing device dwell on the identical server, so there’s nothing to sync or export.
Pointing Your Area Stay
As soon as the web page deploys to your VPS, the final step is pointing your area on the server so it’s dwell as an actual web page. That’s all it takes to show a Claude-built draft right into a dwell web page in your custom domain, which is strictly how this occasions web page went dwell for Little River Studios.
Earlier than you announce something, overview the copy and examine that the web page seems to be the way in which you need. There’ll virtually at all times be just a few small tweaks price making between the primary immediate draft and one thing you’re proud to share.
I teamed up with Bluehost on this construct, and the VPS plan with the Claude Code possibility is strictly what I used right here. You may spin up the identical atmosphere by means of my Bluehost VPS link, which prices you nothing further and helps assist these walkthroughs.
Meet Hermes: The At all times-On AI Agent Operating Your Web site
Delivery and enhancing pages is simply half of it. The larger cause I set this entire factor up is the always-on AI agent paired with the location. On Bluehost, in a single click on, I spun up a Hermes agent for it.
Consider Hermes as an AI teammate that lives in your server and retains working after you shut your laptop computer. It’s an easier-to-use various to OpenClaw should you’re accustomed to that device.
Hermes has a reminiscence that sticks round, so it remembers how what you are promoting works. You train it a activity as soon as and it turns that right into a reusable talent you reference by identify, after which it runs by itself day and evening on a schedule you set.
One sensible observe on setup. A VPS can solely run one software at a time, so when you can re-image your Bluehost VPS to make use of Hermes, I needed each Claude Code and Hermes and spun up a second server.
When organising the Hermes VPS, I chosen Hermes because the software program to put in, because it’s the one agent with a built-in studying loop. Then I opened the terminal, ran the setup, and linked it with my present ChatGPT subscription.
Instructing Hermes a Job As soon as So It Turns into a Talent
Hermes’s first job for my co-working studio had a number of elements. Every time we announce a brand new dwell workshop session at Little River Studios, I needed Hermes so as to add it to my occasions web page and publish it. Then I needed it to draft a blog post in my voice and magnificence to announce the brand new occasion, together with a publication draft and social media copy to unfold the phrase.
I gave it the job and it set to work. It inspected my web site, understood how we like to speak about upcoming occasions, and developed a routine round these duties.
One thing I actually like about Hermes is that it at all times asks inquiries to do the job higher reasonably than assuming and hoping it will get issues proper.
I hooked it up with the solutions it wanted, and it constructed abilities round repeating the entire workflow. Now the workflow is locked in. After I say “Add our Friday Builders Workshop for subsequent week,” it updates the occasions web page dwell and creates all of the advertising and marketing collateral for me.
Each time we schedule a brand new occasion, the on-site modifications and bulletins occur mechanically, which goes to save lots of me a ton of time over the months and years forward.
Placing the Agent on a Schedule for Occasions and Content material
As a result of the agent can run on a schedule, it additionally retains that occasions web page contemporary and updated each week with out me touching something. When a brand new speaker takes over a session, I pop in with a fast observe for Hermes and it updates the content material for me.
This works particularly properly for repetitive duties. Including recurring occasions to my schedule is one. Researching trending topics in my business after which drafting weblog posts about what’s happening is one other, and it pushes these updates on to my web site on the schedule I set.
What Hermes Can Automate Past Your Occasions Web page
Actually, the use circumstances listed here are fairly open-ended. Something you do on a repetitive schedule is a candidate for the agent, from updating recurring pages to drafting bulletins and keeping your content found in AI search. If it occurs on a loop throughout your web site and advertising and marketing, Hermes can deal with it.
Two sincere caveats, although. The agent wants clear directions, which is why these question-asking moments early on matter a lot. And also you’ll nonetheless wish to overview what it produces, particularly public-facing copy, earlier than you let it signify what you are promoting.
Is This Claude Code Setup Proper for You?
Let me be actual with you. This path isn’t for everybody. A VPS is self-managed, which implies you personal the server, so you personal the updates and the maintenance too.
Bluehost retains the container operating, however what’s inside it’s on you to handle. It’s additionally a little bit extra technical than the builder route.
In case you simply need a easy web site you don’t plan to replace or change usually, use the builder as an alternative. This setup earns its complexity once you need management and fixed updates.
Prices and Maintenance of a Self-Managed VPS
On worth, these VPS plans begin within the single digits per thirty days and renew greater after your preliminary time period, so examine the present numbers before you purchase to get the most effective price obtainable.
Your value image additionally contains your Claude API key, or the Bluehost AI credit should you take that simpler route. Since plans and credit score pricing change, have a look at present numbers reasonably than anchoring to any complete I might quote right this moment.
The maintenance facet issues simply as a lot as the value. You’re managing what lives on the server, from the location recordsdata to the updates contained in the container to the agent you’ve set free on it. That’s the commerce you make for this stage of flexibility.
When to Use a No-Code Builder As an alternative
If somebody desires a easy web site, doesn’t plan to replace it usually, or has zero curiosity in managing a server, the no-code AI website building route is the higher selection.
The builder handles extra of the technical setup for you and will get a elegant draft in minutes, which is strictly how I walked by means of it within the first video of this collection.
Hosted choices like Base44 and Claude Design sit someplace between, and so they’re price a glance in order for you AI pace with out server administration. Selecting the less complicated path is a match determination, not a failure, and I used the builder route myself for elements of this identical venture.
However in order for you probably the most management to construct virtually something and go away an agent operating the location for you, this is without doubt one of the strongest setups I’ve discovered. It strikes a very good stability between low effort and excessive flexibility, and it’s tremendous enjoyable as soon as the atmosphere is constructed and also you see what’s attainable.
FAQs About Constructing a Web site With Claude Code
Just a few extra questions I hear rather a lot about this setup.
Do I would like coding abilities to construct a web site with Claude Code?
You don’t write the code your self, however you do run just a few instructions in a browser terminal, add an API key, and handle a server. It’s low-code reasonably than no-code, and probably the most technical half is the preliminary setup.
Can I exploit this setup to edit a web site I have already got?
Sure, and that’s top-of-the-line elements. As a result of your whole web site lives on the VPS, Claude can replace homepage copy, swap out sections, or repair modified hyperlinks everytime you ask, with modifications going dwell in seconds or minutes.
Do I nonetheless want internet hosting and a website?
Sure. Claude builds and deploys the location to your Bluehost VPS, and pointing your area at that server is what places the web page dwell in your web site. As I’ve coated in different guides, your web site nonetheless wants internet hosting, a website, SSL certificates, and DNS earlier than anybody can attain it.
How a lot management do I preserve over the location?
You personal the server and the location recordsdata, so you retain full management over your design system, your content material, and every little thing else, which is the entire attraction of this route over a template builder. That very same possession means you’re additionally liable for updates and maintenance.
What occurs if the agent makes a mistake?
Hermes asks clarifying questions earlier than performing, which catches most issues up entrance, but it surely isn’t a set-it-and-forget-it assure. You’ll nonetheless wish to overview the pages and content material it produces, and you’ll regulate its abilities every time the output drifts.
Remaining Ideas About Constructing a Web site With Claude
This setup provides you two issues a template builder can’t. You get the liberty to construct virtually something from a plain-English immediate, and an always-on agent that retains your web site working after you shut your laptop computer. The commerce is actual, although, because you tackle server maintenance and a extra technical setup than the builder route asks of you.
Determine primarily based on two questions on your individual plans, that are how usually you’ll replace your web site and the way comfy you might be managing a server. If you need most management and updates on a schedule, spin up the VPS and do that on a small web page first, like a single occasions web page.
If you need easy, the no-code builder remains to be the most effective start line, and both method, you’ll have a web site dwell by yourself area. And whichever path you choose, my free marketing tools are there that can assist you analysis and create the content material that fills it.
Get the Similar Server I Constructed This On: Bluehost VPS
That is the precise internet hosting behind each web page on this walkthrough, Claude Code and the Hermes agent included. I picked the Claude Code possibility so it got here preinstalled and I used to be up and operating in minutes. If you need probably the most versatile setup I’ve discovered, that is the place I’d begin.
