internet hosting platform on your personal web site, the place you possibly can showcase your portfolio and different helpful sources about your self. Earlier than making my swap, I had been utilizing WordPress for about 1 yr, and I began fascinated with a number of issues that had been tough when utilizing WordPress:
- Creating the web site – It was laborious to realize the design I needed
- Sluggish – Creating and updating in WordPress is gradual as a result of it’s a drag-and-drop editor
- Lack of flexibility – you need to use premade elements. Alternatively, you should utilize customized HTML code, however you then nonetheless have to repeat the code over, which is gradual
I then considered how straightforward it’s to program up my very own web site utilizing an agentic coding instrument like Claude Code or Cursor.
Why am I spending plenty of time drag and dropping elements, and nonetheless not getting precisely the design I would like, after I can merely immediate Claude Code to do precisely that in simply 1 minute?
That’s after I determined to make the swap from hosted WordPress to managing my very own web site, deployed in Vercel (free of charge). The primary level of this text is to indicate you the way to do that and why you don’t really want any programming expertise to do it.
Yow will discover my website, which I designed, in this article here.
Why code your individual web site
The primary motive you need to begin coding your individual web site, as a substitute of utilizing a drag-and-drop editor like WordPress or Webflow, is:
- It’s tremendous straightforward to do – You actually don’t have to the touch any code
- It’s method quicker to create and replace your web site
- The designs are a lot better, because the coding brokers are good at making high-quality designs
As a result of it’s quicker, you too can iterate in your web site designs extra rapidly, which is tremendous helpful while you attempt to make the most effective web site potential.
Fast iteration velocity is the important thing to fast progress
After all, there are some arguments the opposite method round, for instance, that WordPress has plenty of integrations that may be helpful. Nonetheless, for me, the professionals far outweigh the cons.
With the ability to replace my web site by merely inputting one immediate, similar to:
Make all of the buttons on the web site fade in on hover
This actually updates my whole web site in round 1 minute (together with Claude Code updating the code and deploying to Vercel). Doing this identical motion in WordPress would in all probability take me at the very least half-hour.
Now think about you need to do that change a number of instances every week. Each time including new content material to your web site, or while you understand you wish to change one thing. Altering it straight in code with coding brokers is just way more environment friendly.
Claude to code your individual web site
Creating the web site
Hopefully, you’re satisfied why you need to begin coding your individual web site (or let Claude code it for you), as a substitute of utilizing a drag-and-drop editor. Now, let’s transfer into how you are able to do it.
The primary secret right here is that you just don’t actually have to try this a lot your self, contemplating how good the coding brokers are at creating web sites. I created the web site from my earlier WordPress-hosted web site.
I began off by prompting Claude Code with the next, the place eivindkjosbakken.com was my WordPress website:
Given my web site right here: eivindkjosbakken.com, copy this web site precisely,
through the use of React. Create a GitHub repository and push the code thereClaude’s code then created a near-exact duplicate of my earlier web site, which I may now run regionally. I checked the designs and made positive the whole lot was okay, which it was for essentially the most half, aside from a number of issues, which I’ll cowl within the subsequent part.
Internet hosting the web site
I then moved to internet hosting the web site. I exploit Vercel because it presents free deployments of your web site, and it’s easy to make use of and could be absolutely managed from the terminal. Having it managed from the terminal is tremendous good, so Claude can handle the deployments and different points with Vercel.
Nonetheless, when first deploying, I needed to create a mission on vercel.com and join my codebase to that mission. You’ll be able to ask any LLM on how to do that, they usually will provide you with an correct step-by-step information to connecting your code to Vercel. Vercel additionally presents you 100 free deploys per day, which must be greater than sufficient.
After connecting to Vercel, the whole lot was good to go, and I may entry my web site by means of the online.
Updating the web site
After copying my WordPress web site, I additionally found some updates I needed to make to my web site. I, for instance, needed:
These adjustments had been fast to make, and I merely needed to immediate Claude with an outline of my change (i.e., make the articles card highlighted on the over), and it made the change in lower than one minute. Making this variation with a drag-and-drop editor would probably take so much longer.
Now, solely your creativeness can cease you from updating your web site, and you’ll, in actuality, make any change and rapidly iterate on designs by merely prompting your coding agent.
Challenges I needed to resolve
Claude largely one-shot the recreation of my previous WordPress web site into code, simply from the URL of my web site. Nonetheless, there have been some points I needed to resolve, as you possibly can see listed under:
- My WordPress had the choice to ship emails to me
- I needed to copy over some pictures from the previous web site, for instance, for my articles (guide processes)
- Some points with the social hyperlinks – each discovering the proper ones, and ensuring they’re top quality
- WordPress has a mailing record, and I needed to handle that by some means myself now
- Shifting over the area from WordPress to NameCheap
For the emails, I used EmailJS to have the choice of sending emails from my web site. This service is free and easy to arrange after asking for a step-by-step information out of your coding agent.
For the picture copying, I merely downloaded the photographs regionally, put them into the code repository, and advised Claude’s code the place it may discover the photographs. Claude then copied the photographs into a selected picture folder, in order that they might be hosted on the web site.
With the social hyperlinks, I merely needed to immediate Claude a number of instances, with a screenshot of what the social hyperlinks regarded like (at one level, they regarded very grainy, for instance), and Claude would resolve the difficulty with three to 4 prompts and suggestions.
For the mailing record, I made a decision to maneuver to MailerLite, which presents embedded kinds you should utilize in your web site to have folks subscribe with their electronic mail. You’ll be able to merely give the embedded type to your coding agent, which can embed it into your web site.
Shifting domains was essentially the most time-consuming job. I had bought my earlier area in WordPress, which made the method a bit trickier. Nonetheless, I made Gemini 3 present me a step-by-step tutorial, which labored properly, and I transferred domains to NameCheap, the place I’ve full management over the area myself.
Conclusion
On this article, I’ve mentioned how one can transfer your web site from a drag-and-drop editor like WordPress or Webflow to your individual managed web site. This course of is comparatively easy utilizing Coding brokers and Vercel, which then offers you with much more management over your individual web site. Moreover, it permits you to iterate extra rapidly in your web site and makes it easy to replace your web site.
I imagine we’re shifting away from drag-and-drop editors altogether, once we see how properly as we speak’s coding brokers work, and with the truth that you don’t really want coding expertise anymore, to carry out easy programming like updating the design of an internet site.
👉 Discover me on socials:
📚 Get my free Vision Language Models ebook
💻 My webinar on Vision Language Models
🧑💻 Get in touch
✍️ Medium
