internet hosting platform to your personal web site, the place you’ll be able to showcase your portfolio and different helpful assets about your self. Earlier than making my swap, I had been utilizing WordPress for about 1 yr, and I began excited about just a few issues that had been troublesome when utilizing WordPress:
- Creating the web site – It was arduous to attain the design I wished
- Gradual – Creating and updating in WordPress is gradual as a result of it’s a drag-and-drop editor
- Lack of flexibility – you must use premade parts. Alternatively, you need to use customized HTML code, however you then nonetheless have to repeat the code over, which is gradual
I then considered how simple it’s to program up my very own web site utilizing an agentic coding instrument like Claude Code or Cursor.
Why am I spending lots of time drag and dropping parts, and nonetheless not getting precisely the design I need, 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 (totally free). The principle level of this text is to point out you ways 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 personal web site
The principle purpose you must begin coding your personal web site, as an alternative of utilizing a drag-and-drop editor like WordPress or Webflow, is:
- It’s tremendous simple to do – You actually don’t have to the touch any code
- It’s approach sooner to create and replace your web site
- The designs are a lot better, for the reason that coding brokers are good at making high-quality designs
As a result of it’s sooner, it’s also possible to iterate in your web site designs extra shortly, which is tremendous helpful once you attempt to make the perfect web site attainable.
Fast iteration velocity is the important thing to fast progress
In fact, there are some arguments the opposite approach round, for instance, that WordPress has lots of integrations that may be helpful. Nonetheless, for me, the professionals far outweigh the cons.
Having the ability to replace my web site by merely inputting one immediate, reminiscent of:
Make all of the buttons on the web site fade in on hover
This actually updates my total web site in round 1 minute (together with Claude Code updating the code and deploying to Vercel). Doing this identical motion in WordPress would most likely take me no less than half-hour.
Now think about you must do that change a number of occasions every week. Each time including new content material to your web site, or once you notice you wish to change one thing. Altering it immediately in code with coding brokers is solely much more environment friendly.
Claude to code your personal web site
Creating the web site
Hopefully, you’re satisfied why you must begin coding your personal web site (or let Claude code it for you), as an alternative of utilizing a drag-and-drop editor. Now, let’s transfer into how you are able to do it.
The principle 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 web site:
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 might now run regionally. I checked the designs and made certain every part was okay, which it was for probably the most half, aside from just a few 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 provides free deployments of your web site, and it’s easy to make use of and could be totally managed from the terminal. Having it managed from the terminal is tremendous good, so Claude can care for the deployments and different points with Vercel.
Nonetheless, when first deploying, I needed to create a challenge on vercel.com and join my codebase to that challenge. You’ll be able to ask any LLM on how to do that, they usually provides you with an correct step-by-step information to connecting your code to Vercel. Vercel additionally provides you 100 free deploys per day, which must be greater than sufficient.
After connecting to Vercel, every part was good to go, and I might entry my web site by way of the net.
Updating the web site
After copying my WordPress web site, I additionally found some updates I wished to make to my web site. I, for instance, wished:
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 alteration with a drag-and-drop editor would doubtless take lots longer.
Now, solely your creativeness can cease you from updating your web site, and you may, in actuality, make any change and shortly iterate on designs by merely prompting your coding agent.
Challenges I needed to resolve
Claude principally 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’ll be able to see listed beneath:
- 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 right ones, and ensuring they’re top quality
- WordPress has a mailing record, and I needed to handle that by some means myself now
- Transferring 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 informed Claude’s code the place it might 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 just a few occasions, with a screenshot of what the social hyperlinks regarded like (at one level, they regarded very grainy, for instance), and Claude would resolve the problem with three to 4 prompts and suggestions.
For the mailing record, I made a decision to maneuver to MailerLite, which provides embedded types you need to use 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.
Transferring domains was probably 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 personal managed web site. This course of is comparatively easy utilizing Coding brokers and Vercel, which then supplies you with much more management over your personal web site. Moreover, it lets you iterate extra shortly in your web site and makes it easy to replace your web site.
I consider we’re transferring away from drag-and-drop editors altogether, once we see how properly at the moment’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 a web site.
👉 Discover me on socials:
📚 Get my free Vision Language Models ebook
💻 My webinar on Vision Language Models
🧑💻 Get in touch
✍️ Medium
