{"id":607790,"date":"2025-12-03T07:30:00","date_gmt":"2025-12-03T12:30:00","guid":{"rendered":"https:\/\/towardsdatascience.com\/?p=607790"},"modified":"2025-12-06T15:16:29","modified_gmt":"2025-12-06T20:16:29","slug":"how-to-code-your-own-website-with-ai","status":"publish","type":"post","link":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/","title":{"rendered":"How to Code Your Own Website with AI"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><mdspan datatext=\"el1764704432098\" class=\"mdspan-comment\">WordPress is a common<\/mdspan> hosting platform for your own website, where you can showcase your portfolio and other useful resources about yourself. Before making my switch, I had been using WordPress for about 1 year, and I started thinking about a few things that were difficult when using WordPress:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">Creating the website &#8211; It was hard to achieve the design I wanted<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Slow &#8211; Creating and updating in WordPress is slow because it&#8217;s a drag-and-drop editor<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Lack of flexibility &#8211; you have to use premade components. Alternatively, you can use custom HTML code, but you then still have to copy the  code over, which is slow<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">I then thought about how easy it is to program up my own website using an agentic coding tool like Claude Code or Cursor. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Why am I spending a lot of time drag and dropping components, and still not getting exactly the design I want, when I can simply prompt Claude Code to do exactly that in just 1 minute?<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">That&#8217;s when I decided to make the switch from hosted WordPress to  managing my own website, deployed in Vercel (for free). The main point of this article is to show you how to do this and why you don&#8217;t really need any programming experience to do it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/contributor.insightmediagroup.io\/wp-content\/uploads\/2025\/11\/image-401.png\" alt=\"Infographic: Make your own website \" class=\"wp-image-633745\"\/><figcaption class=\"wp-element-caption\">This infographic highlights the main contents of this article. I highly recommend moving from a drag-and-drop editor for your website to a self-coded website made using coding agents. This makes it way easier and faster to both create and update your website. Image by Gemini.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"margin: 0px; padding: 0px;\">You can find&nbsp;<a href=\"https:\/\/eivindkjosbakken.com\/\">my website, which I designed, in this article here.<\/a><\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why code your own website<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The main reason you should start coding your own website, instead of using a drag-and-drop editor like WordPress or Webflow, is:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">It is super easy to do &#8211; You literally don&#8217;t have to touch any code<\/li>\n\n\n\n<li class=\"wp-block-list-item\">It&#8217;s way faster to create and update your website<\/li>\n\n\n\n<li class=\"wp-block-list-item\">The designs are much better, since the coding agents are good at making high-quality designs<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/contributor.insightmediagroup.io\/wp-content\/uploads\/2025\/11\/image-402-1024x902.png\" alt=\"Speaking Page\" class=\"wp-image-633746\"\/><figcaption class=\"wp-element-caption\">This image shows the Speaking page on my website. You can see the navbar at the top, and the specific contents of the page below. Image by the author.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Because it&#8217;s faster, you can also iterate on your website designs more quickly, which is super useful when you try to make the best website possible.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Quick iteration speed is the key to quick progress<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Of course, there are some arguments the other way around, for example, that WordPress has a lot of integrations that can be useful. However, for me, the pros far outweigh the cons. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Being able to update my website by simply inputting one prompt, such as:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Make all the buttons on the website fade in on hover<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">This literally updates my entire website in around 1 minute (including Claude Code updating the code and deploying to Vercel). Doing this same action in WordPress would probably take me at least 30 minutes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now imagine you have to do this change several times a week. Whenever adding new content to your website, or when you realize you want to change something. Changing it directly in code with coding agents is simply far more efficient.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Claude to code your own website<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Creating the website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hopefully, you&#8217;re convinced why you should start coding your own website (or let Claude code it for you), instead of using a drag-and-drop editor. Now, let&#8217;s move into how you can do it. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The main secret here is that you don&#8217;t really have to do that much yourself, considering how good the coding agents are at creating websites. I created the website from my previous WordPress-hosted website.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dotted\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">I started off by prompting Claude Code with the following, where <em>eivindkjosbakken.com<\/em> was my WordPress site:<\/p>\n\n\n\n<pre class=\"wp-block-prismatic-blocks\"><code class=\"language-markdown\">Given my website here: eivindkjosbakken.com, copy this website exactly, \nby using React. Create a GitHub repository and push the code there<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Claude&#8217;s code then created a near-exact replica of my previous website, which I could now run locally. I checked the designs and made sure everything was okay, which it was for the most part, except for a few things, which I&#8217;ll cover in the next section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hosting the website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I then moved to hosting the website. I use Vercel since it offers free deployments of your website, and it&#8217;s simple to use and can be fully managed from the terminal. Having it managed from the terminal is super nice, so Claude can take care of the deployments and other issues with Vercel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, when first deploying, I had to create a project on <em>vercel.com<\/em> and connect my codebase to that project. You can ask any LLM on how to do this, and they will give you an accurate step-by-step guide to connecting your code to Vercel. Vercel also offers you 100 free deploys per day, which should be more than enough. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After connecting to Vercel, everything was good to go, and I could access my website through the web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Updating the website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After copying my WordPress website, I also discovered some updates I wanted to make to my website. I, for example, wanted:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">My articles are to be highlighted on hover, as you see in the image below<\/li>\n\n\n\n<li class=\"wp-block-list-item\">I wanted a cleaner navbar, with some added pages<\/li>\n\n\n\n<li class=\"wp-block-list-item\"><a href=\"https:\/\/www.eivindkjosbakken.com\/ebook\">I wanted to host my eBook on the website<\/a><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/contributor.insightmediagroup.io\/wp-content\/uploads\/2025\/11\/image-400-1024x777.png\" alt=\"Article highlighting\" class=\"wp-image-633743\"\/><figcaption class=\"wp-element-caption\">This image highlights one of the design improvements I made to my website. Whenever you hover over an article on&nbsp;this page, you can see that the article card is highlighted. Image by the author.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"margin: 0px; padding: 0px;\">These changes were quick to make, and I simply had to prompt Claude with a description of my change (i.e.,&nbsp;<em>make the articles card highlighted on the over<\/em>), and it made the change in less than one minute.<\/span> Making this change with a drag-and-drop editor would likely take a lot longer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, only your imagination can stop you from updating your website, and you can, in reality, make any change and quickly iterate on designs by simply prompting your coding agent.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Challenges I had to resolve<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Claude mostly one-shot the recreation of my old WordPress website into code, just from the URL of my website. However, there were some issues I had to resolve, as you can see listed below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"wp-block-list-item\">My WordPress had the option to send emails to me<\/li>\n\n\n\n<li class=\"wp-block-list-item\">I had to copy over some images from the old website, for example, for my articles (manual processes)<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Some issues with the social links &#8211; both finding the correct ones, and making sure they&#8217;re high quality<\/li>\n\n\n\n<li class=\"wp-block-list-item\">WordPress has a mailing list, and I had to manage that somehow myself now<\/li>\n\n\n\n<li class=\"wp-block-list-item\">Moving over the domain from WordPress to NameCheap <\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the emails, I used <a href=\"https:\/\/www.emailjs.com\/\">EmailJS<\/a> to have the option of sending emails from my website. This service is free and simple to set up after asking for a step-by-step guide from your coding agent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the image copying, I simply downloaded the images locally, put them into the code repository, and told Claude&#8217;s code where it could find the images. Claude then copied the images into a specific image folder, so they could be hosted on the website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With the social links, I simply had to prompt Claude a few times, with a screenshot of what the social links looked like (at one point, they looked very grainy, for example), and Claude would solve the issue with three to four prompts and feedback.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the mailing list, I decided to move to <a href=\"https:\/\/mailerlite.com\/\">MailerLite<\/a>, which offers embedded forms you can use on your website to have people subscribe with their email. You can simply give the embedded form to your coding agent, which will embed it into your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Moving domains was the most time-consuming task. I had purchased my previous domain in WordPress, which made the process a bit trickier. However, I made Gemini 3 provide me a step-by-step tutorial, which worked well, and I transferred domains to NameCheap, where I have full control over the domain myself. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this article, I have discussed how you can move your website from a drag-and-drop editor like WordPress or Webflow to your own managed website. This process is relatively simple using Coding agents and Vercel, which then provides you with a lot more control over your own website. Additionally, it allows you to iterate more quickly on your website and makes it simple to update your website. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I believe we are moving away from drag-and-drop editors altogether, when we see how well today&#8217;s coding agents work, and with the fact that you don&#8217;t really need coding experience anymore, to perform simple programming like updating the design of a website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udc49 My Free Resources<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\ude80<\/strong>&nbsp;<a href=\"https:\/\/www.eivindkjosbakken.com\/email-course\">10x Your Engineering with LLMs (Free 3-Day Email Course)<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udcda&nbsp;<a href=\"https:\/\/eivindkjosbakken.com\/ebook\">Get my free Vision Language Models ebook<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udcbb <a href=\"https:\/\/www.eivindkjosbakken.com\/webinar\">My webinar on Vision Language Models<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\ud83d\udc49 Find me on socials:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udce9&nbsp;<a href=\"https:\/\/eivindkjosbakken.com\/newsletter\">Subscribe to my newsletter<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83e\uddd1\u200d\ud83d\udcbb&nbsp;<a href=\"https:\/\/eivindkjosbakken.com\/\">Get in touch<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udd17 <a href=\"https:\/\/www.linkedin.com\/in\/eivind-kjosbakken\/\">LinkedIn<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udc26 <a href=\"https:\/\/x.com\/EivindKjos\">X \/ Twitter<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u270d\ufe0f <a href=\"https:\/\/oieivind.medium.com\/\">Medium<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to vibe-code your own website<\/p>\n","protected":false},"author":18,"featured_media":607791,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"is_member_only":false,"sub_heading":"Learn how to vibe-code your own website","footnotes":""},"categories":[32738],"tags":[475,466,465,32608,2099],"sponsor":[],"coauthors":[30504],"class_list":["post-607790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agentic-ai","tag-ai-agent","tag-generative-ai","tag-llm","tag-llm-agents","tag-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Code Your Own Website with AI | Towards Data Science<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Code Your Own Website with AI | Towards Data Science\" \/>\n<meta property=\"og:description\" content=\"Learn how to vibe-code your own website\" \/>\n<meta property=\"og:url\" content=\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Towards Data Science\" \/>\n<meta property=\"article:published_time\" content=\"2025-12-03T12:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-06T20:16:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Eivind Kjosbakken\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TDataScience\" \/>\n<meta name=\"twitter:site\" content=\"@TDataScience\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eivind Kjosbakken\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/\"},\"author\":{\"name\":\"TDS Editors\",\"@id\":\"https:\/\/towardsdatascience.com\/#\/schema\/person\/f9925d336b6fe962b03ad8281d90b8ee\"},\"headline\":\"How to Code Your Own Website with AI\",\"datePublished\":\"2025-12-03T12:30:00+00:00\",\"dateModified\":\"2025-12-06T20:16:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/\"},\"wordCount\":1478,\"publisher\":{\"@id\":\"https:\/\/towardsdatascience.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg\",\"keywords\":[\"Ai Agent\",\"Generative Ai\",\"Llm\",\"LLM Agents\",\"Website\"],\"articleSection\":[\"Agentic AI\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/\",\"url\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/\",\"name\":\"How to Code Your Own Website with AI | Towards Data Science\",\"isPartOf\":{\"@id\":\"https:\/\/towardsdatascience.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg\",\"datePublished\":\"2025-12-03T12:30:00+00:00\",\"dateModified\":\"2025-12-06T20:16:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage\",\"url\":\"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg\",\"contentUrl\":\"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg\",\"width\":1536,\"height\":1024,\"caption\":\"In this article, I'll show you how easy it is to move from a drag-and-drop editor for your website, to coding it yourself using coding agents. Image by ChatGPT.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/towardsdatascience.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Code Your Own Website with AI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/towardsdatascience.com\/#website\",\"url\":\"https:\/\/towardsdatascience.com\/\",\"name\":\"Towards Data Science\",\"description\":\"Publish AI, ML &amp; data-science insights to a global community of data professionals.\",\"publisher\":{\"@id\":\"https:\/\/towardsdatascience.com\/#organization\"},\"alternateName\":\"TDS\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/towardsdatascience.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/towardsdatascience.com\/#organization\",\"name\":\"Towards Data Science\",\"alternateName\":\"TDS\",\"url\":\"https:\/\/towardsdatascience.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/towardsdatascience.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/02\/tds-logo.jpg\",\"contentUrl\":\"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/02\/tds-logo.jpg\",\"width\":696,\"height\":696,\"caption\":\"Towards Data Science\"},\"image\":{\"@id\":\"https:\/\/towardsdatascience.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/TDataScience\",\"https:\/\/www.youtube.com\/c\/TowardsDataScience\",\"https:\/\/www.linkedin.com\/company\/towards-data-science\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/towardsdatascience.com\/#\/schema\/person\/f9925d336b6fe962b03ad8281d90b8ee\",\"name\":\"TDS Editors\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/towardsdatascience.com\/#\/schema\/person\/image\/23494c9101089ad44ae88ce9d2f56aac\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"TDS Editors\"},\"description\":\"Building a vibrant data science and machine learning community. Share your insights and projects with our global audience: bit.ly\/write-for-tds\",\"url\":\"https:\/\/towardsdatascience.com\/author\/towardsdatascience\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Code Your Own Website with AI | Towards Data Science","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/","og_locale":"en_US","og_type":"article","og_title":"How to Code Your Own Website with AI | Towards Data Science","og_description":"Learn how to vibe-code your own website","og_url":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/","og_site_name":"Towards Data Science","article_published_time":"2025-12-03T12:30:00+00:00","article_modified_time":"2025-12-06T20:16:29+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg","type":"image\/jpeg"}],"author":"Eivind Kjosbakken","twitter_card":"summary_large_image","twitter_creator":"@TDataScience","twitter_site":"@TDataScience","twitter_misc":{"Written by":"Eivind Kjosbakken","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#article","isPartOf":{"@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/"},"author":{"name":"TDS Editors","@id":"https:\/\/towardsdatascience.com\/#\/schema\/person\/f9925d336b6fe962b03ad8281d90b8ee"},"headline":"How to Code Your Own Website with AI","datePublished":"2025-12-03T12:30:00+00:00","dateModified":"2025-12-06T20:16:29+00:00","mainEntityOfPage":{"@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/"},"wordCount":1478,"publisher":{"@id":"https:\/\/towardsdatascience.com\/#organization"},"image":{"@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg","keywords":["Ai Agent","Generative Ai","Llm","LLM Agents","Website"],"articleSection":["Agentic AI"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/","url":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/","name":"How to Code Your Own Website with AI | Towards Data Science","isPartOf":{"@id":"https:\/\/towardsdatascience.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage"},"image":{"@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg","datePublished":"2025-12-03T12:30:00+00:00","dateModified":"2025-12-06T20:16:29+00:00","breadcrumb":{"@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#primaryimage","url":"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg","contentUrl":"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/12\/image-403.jpg","width":1536,"height":1024,"caption":"In this article, I'll show you how easy it is to move from a drag-and-drop editor for your website, to coding it yourself using coding agents. Image by ChatGPT."},{"@type":"BreadcrumbList","@id":"https:\/\/towardsdatascience.com\/how-to-code-your-own-website-with-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/towardsdatascience.com\/"},{"@type":"ListItem","position":2,"name":"How to Code Your Own Website with AI"}]},{"@type":"WebSite","@id":"https:\/\/towardsdatascience.com\/#website","url":"https:\/\/towardsdatascience.com\/","name":"Towards Data Science","description":"Publish AI, ML &amp; data-science insights to a global community of data professionals.","publisher":{"@id":"https:\/\/towardsdatascience.com\/#organization"},"alternateName":"TDS","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/towardsdatascience.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/towardsdatascience.com\/#organization","name":"Towards Data Science","alternateName":"TDS","url":"https:\/\/towardsdatascience.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/towardsdatascience.com\/#\/schema\/logo\/image\/","url":"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/02\/tds-logo.jpg","contentUrl":"https:\/\/towardsdatascience.com\/wp-content\/uploads\/2025\/02\/tds-logo.jpg","width":696,"height":696,"caption":"Towards Data Science"},"image":{"@id":"https:\/\/towardsdatascience.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/TDataScience","https:\/\/www.youtube.com\/c\/TowardsDataScience","https:\/\/www.linkedin.com\/company\/towards-data-science\/"]},{"@type":"Person","@id":"https:\/\/towardsdatascience.com\/#\/schema\/person\/f9925d336b6fe962b03ad8281d90b8ee","name":"TDS Editors","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/towardsdatascience.com\/#\/schema\/person\/image\/23494c9101089ad44ae88ce9d2f56aac","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"TDS Editors"},"description":"Building a vibrant data science and machine learning community. Share your insights and projects with our global audience: bit.ly\/write-for-tds","url":"https:\/\/towardsdatascience.com\/author\/towardsdatascience\/"}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"TDS Contributor Portal","distributor_original_site_url":"https:\/\/contributor.insightmediagroup.io","push-errors":false,"_links":{"self":[{"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/posts\/607790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/comments?post=607790"}],"version-history":[{"count":0,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/posts\/607790\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/media\/607791"}],"wp:attachment":[{"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/media?parent=607790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/categories?post=607790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/tags?post=607790"},{"taxonomy":"sponsor","embeddable":true,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/sponsor?post=607790"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/towardsdatascience.com\/wp-json\/wp\/v2\/coauthors?post=607790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}