--- title: Build a Website With AI: Astro, Claude, and Netlify... description: A step-by-step walkthrough shows how to build and host a website using Astro, Claude (for AI-assisted design and coding), and Netlify for hosting, framed as a... canonical: https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Build a Website With AI: Astro, Claude, and Netlify (Full Tutorial) | daily.dev og:description: A step-by-step walkthrough shows how to build and host a website using Astro, Claude (for AI-assisted design and coding), and Netlify for hosting, framed as a... og:url: https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y og:image: https://api.daily.dev/og/posts/5JmOb9R6Y.png og:image:alt: Build a Website With AI: Astro, Claude, and Netlify (Full Tutorial) og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Build a Website With AI: Astro, Claude, and Netlify (Full Tutorial) **[CodeWithChris](https://daily.dev/sources/codewithchris)** · 37 min read · 6 upvotes · 2 comments ## Summary A step-by-step walkthrough shows how to build and host a website using Astro, Claude (for AI-assisted design and coding), and Netlify for hosting, framed as a cheaper, faster, lower-maintenance alternative to WordPress or website builders. The tutorial compares performance and maintenance trade-offs between static Astro sites and WordPress/Squarespace, then walks through using Claude Design to create UI mockups, handing off design files to Claude Code to scaffold the Astro project, using GitHub Desktop for source control, and deploying to Netlify including custom domain setup. Limitations like no visual editor, no plugin ecosystem, and no built-in database are discussed alongside AI-based workarounds. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How much does Netlify charge in credits for deploying a site build? Each production deploy on Netlify consumes 15 credits out of a monthly allotment. The free tier includes 300 credits per month, which is generally enough for low-traffic sites since regular visitor traffic and bandwidth use very few credits. Paid plans can add extra credits through a $5 credit pack instead of requiring a full upgrade to a higher tier. _Anyone budgeting a Netlify-hosted site can compare hosting costs and workflows shared across daily.dev._ ### Why is an Astro site typically faster than a WordPress site? Astro pre-builds every page into static HTML files at build time, so visitors are served a finished file with nothing to generate on request. WordPress builds pages from a database on each request unless a caching layer like WP Engine, Kinsta, or Cloudflare is added and properly maintained, meaning WordPress speed depends on cache management while Astro is fast by default. _Developers weighing static-site frameworks against CMS platforms can track these performance trade-offs on daily.dev._ ### What are the limitations of using Astro instead of WordPress for a website? Astro lacks a visual admin interface, a plugin ecosystem, and a built-in database, so features like user accounts, commenting, or forms require custom work through adapters rather than a checkbox. Contact forms are an exception since Netlify can handle form submissions via email without extra setup. Astro suits static marketing or article sites, not e-commerce or multi-author CMS use cases. _Teams deciding between static frameworks and full CMS platforms can weigh these trade-offs using resources on daily.dev._ ## Community discussion Top comments from developers on daily.dev. **@jliter85** · 0 upvotes > This is a good example of how much easier it’s becoming to build lightweight sites without relying on WordPress for everything. Astro plus AI-assisted development can be a really strong setup when you care more about speed, control, and low maintenance than having a huge plugin ecosystem. I also appreciate that the limitations were actually discussed instead of ignored. **@brennangoewert** · 0 upvotes > Yea I mean building your own site versus WordPress is always going to perform better. For those that cannot build or afford custom sites, revert to WP.com and other website providers, and I don't see that going away. ## Similar posts on daily.dev - [How to Code Your Own Website with AI](https://daily.dev/posts/how-to-code-your-own-website-with-ai-kb6z3ly9d) · Towards Data Science · 4 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#wordpress](https://daily.dev/tags/wordpress), [#claude](https://daily.dev/tags/claude), [#astro](https://daily.dev/tags/astro), [#netlify](https://daily.dev/tags/netlify) [View this post on daily.dev](https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Build a Website With AI: Astro, Claude, and Netlify (Full Tutorial)","url":"https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y"},"datePublished":"2026-08-21T14:07:05.464Z","dateModified":"2026-09-14T06:31:16.636Z","description":"A step-by-step walkthrough shows how to build and host a website using Astro, Claude (for AI-assisted design and coding), and Netlify for hosting, framed as a...","image":"https://i.ytimg.com/vi/dIGJADr2vCU/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/dIGJADr2vCU/sddefault.jpg","isAccessibleForFree":true,"articleSection":"CodeWithChris","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"CodeWithChris","logo":"https://media.daily.dev/image/upload/s--GG06ZcGp--/f_auto/v1718349260/logos/codewithchris","url":"https://daily.dev/sources/codewithchris"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"webdev,wordpress,claude,astro,netlify","timeRequired":"PT37M","video":{"@type":"VideoObject","name":"Build a Website With AI: Astro, Claude, and Netlify (Full Tutorial)","description":"A step-by-step walkthrough shows how to build and host a website using Astro, Claude (for AI-assisted design and coding), and Netlify for hosting, framed as a...","thumbnailUrl":"https://i.ytimg.com/vi/dIGJADr2vCU/sddefault.jpg","uploadDate":"2026-08-21T14:07:05.464Z","duration":"PT37M","url":"https://api.daily.dev/r/5JmOb9R6Y","embedUrl":"https://www.youtube.com/embed/dIGJADr2vCU"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"CodeWithChris","item":"https://daily.dev/sources/codewithchris"},{"@type":"ListItem","position":3,"name":"Build a Website With AI: Astro, Claude, and Netlify (Full Tutorial)"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y","comment":[{"@type":"Comment","text":"This is a good example of how much easier it’s becoming to build lightweight sites without relying on WordPress for everything. Astro plus AI-assisted development can be a really strong setup when you care more about speed, control, and low maintenance than having a huge plugin ecosystem. I also appreciate that the limitations were actually discussed instead of ignored.","datePublished":"2026-08-21T18:18:21.344Z","url":"https://daily.dev/posts/5JmOb9R6Y#c-wVQLIfsia","author":{"@type":"Person","name":"John Liter","url":"https://daily.dev/jliter85","image":"https://media.daily.dev/image/upload/s--DQ2HUrO4--/f_auto/v1785100315/avatars/avatar_yHf9cPdgTQEtokv6d8qhM?_a=BAMAMicg0"}},{"@type":"Comment","text":"Yea I mean building your own site versus WordPress is always going to perform better. For those that cannot build or afford custom sites, revert to WP.com and other website providers, and I don’t see that going away.","datePublished":"2026-08-25T13:13:02.168Z","url":"https://daily.dev/posts/5JmOb9R6Y#c-a5IQHh2oF","author":{"@type":"Person","name":"Brennan Goewert","url":"https://daily.dev/brennangoewert","image":"https://avatars.githubusercontent.com/u/15313658?v=4"}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/build-a-website-with-ai-astro-claude-and-netlify-full-tutorial--5jmob9r6y#faq","mainEntity":[{"@type":"Question","name":"How much does Netlify charge in credits for deploying a site build?","acceptedAnswer":{"@type":"Answer","text":"Each production deploy on Netlify consumes 15 credits out of a monthly allotment. The free tier includes 300 credits per month, which is generally enough for low-traffic sites since regular visitor traffic and bandwidth use very few credits. Paid plans can add extra credits through a $5 credit pack instead of requiring a full upgrade to a higher tier. Anyone budgeting a Netlify-hosted site can compare hosting costs and workflows shared across daily.dev."}},{"@type":"Question","name":"Why is an Astro site typically faster than a WordPress site?","acceptedAnswer":{"@type":"Answer","text":"Astro pre-builds every page into static HTML files at build time, so visitors are served a finished file with nothing to generate on request. WordPress builds pages from a database on each request unless a caching layer like WP Engine, Kinsta, or Cloudflare is added and properly maintained, meaning WordPress speed depends on cache management while Astro is fast by default. Developers weighing static-site frameworks against CMS platforms can track these performance trade-offs on daily.dev."}},{"@type":"Question","name":"What are the limitations of using Astro instead of WordPress for a website?","acceptedAnswer":{"@type":"Answer","text":"Astro lacks a visual admin interface, a plugin ecosystem, and a built-in database, so features like user accounts, commenting, or forms require custom work through adapters rather than a checkbox. Contact forms are an exception since Netlify can handle form submissions via email without extra setup. Astro suits static marketing or article sites, not e-commerce or multi-author CMS use cases. Teams deciding between static frameworks and full CMS platforms can weigh these trade-offs using resources on daily.dev."}}]} ```