Build an Agentic Website Free - Astro, Cloudflare & AI

Explain it to me like I'm…

🎤 This mode is just for fun lah. Some technical nuances might be simplified or lost in translation. We also used AI to help write these (where got time to do one by one). For the accurate stuff, switch back to the other modes.

The Stack

Astro

Website Framework

Similar to: WordPress · Squarespace · Wix

cf. Next.js · SvelteKit · Nuxt

Like: WordPress but not slow · Wix but not ugly

Think of Astro as a tool that builds your website files. Unlike older website builders that load lots of unnecessary stuff, Astro creates clean, lightweight pages that open almost instantly - like the difference between a bulky Word document and a simple text file. It's free and open-source.

Astro is a modern web framework that ships zero JavaScript by default, making your pages incredibly fast. It supports components from React, Vue, Svelte and more - but only sends HTML and CSS to the browser unless interactivity is explicitly needed. Perfect for content-driven sites like portfolios, blogs, and organisational pages.

Astro ah, it's the thing that builds your website. Not like WordPress where everything loads so slow you can go make Milo and come back. Astro makes super clean, super fast pages. Like the difference between economy rice and buffet - one gives you exactly what you need, the other gives you everything including things you never asked for. And it's free some more!

Cloudflare Workers

Hosting & Deployment

Similar to: cPanel hosting · Hostinger · SiteGround

cf. AWS Lambda@Edge · Vercel Edge · Azure CDN

Like: your hosting uncle · but everywhere in the world

This is where your website actually lives on the internet. Instead of being stored in one location, Cloudflare copies your site to hundreds of places around the world - so visitors always get it from somewhere nearby. It's like having your shop on every street corner instead of just one address. The free plan handles up to 100,000 visits per day.

Cloudflare Workers runs your site on their global edge network - meaning your pages are served from data centres close to your visitors, anywhere in the world. Deployments are automatic: push code to GitHub and your site is live within seconds. The free tier includes 100,000 requests per day, which is more than enough for most small-to-medium sites.

This one is where your website actually lives on the internet. But instead of one server in some ulu place in America, Cloudflare puts your site everywhere around the world. Visitor in KL? Nearby server. Visitor in Singapore? Also got. It's like franchising your nasi lemak stall - every country got branch. Free plan handles 100,000 visits per day some more. Sibeh generous.

GitHub

Code Storage & Version Control

Similar to: OneDrive · Google Drive · Dropbox

cf. GitLab · Bitbucket · Azure DevOps Repos

Like: Google Drive · but with time machine

Think of GitHub as a smart filing cabinet for your website files. It saves every version of every change, so you can always go back if something goes wrong - like an "undo" button for your entire website. It also connects your editor to Cloudflare, so changes go live automatically.

GitHub stores your website's source code and tracks every change. It acts as the bridge between your editor and Cloudflare - whenever you push a commit, Cloudflare automatically picks it up and deploys the latest version. You also get a full history of every change, so nothing is ever lost and you can always roll back.

GitHub is like your smart filing cabinet lah. Every time you change something, it saves the old version. So if you kena mess up your website at 3am, can roll back to the version that was working. Like having undo button for your whole life - confirm useful. Plus it auto-connects to Cloudflare, so changes go live by themselves.

Antigravity

Code Editor (AI-Powered)

Similar to: Dreamweaver · Wix Editor · Google Sites

cf. VS Code · Cursor · WebStorm

Like: Wix editor · but with AI kaki

This is where you actually make changes to your website. It looks like a text editor, but has a built-in AI assistant - just type what you want in everyday English (e.g., "add a new page about our opening hours") and the AI writes the code for you. No programming knowledge needed. It's made by Google and completely free.

Antigravity is a free AI-powered code editor by Google. You don't need to know how to code - just describe what you want in plain English and the AI agent will write, edit, and organise the code for you. It connects directly to your GitHub repository and has a built-in preview so you can see changes in real time.

This one is where you edit your website. But here's the best part - got built-in AI helper. You just type in English: "change the phone number", "add photo gallery", "make the header blue". Then the AI go and do for you. Don't know coding? No problem. It's like having a tech-savvy friend who never gets tired of your questions. Made by Google, free to use. What's not to like?

Why This Agentic Stack Works

Free

Entirely free

You won't pay a single cent. Every tool in this setup is free - no hidden fees, no trial periods, no credit card required. For a typical small organisation's website, you'll never need to upgrade to a paid plan.

Every component in this stack has a generous free tier. Astro is open-source. Cloudflare Workers' free plan covers 100K requests/day. GitHub free accounts include unlimited private repos. Antigravity is free to use. For a typical community organisation's website, you will never hit a paywall.

Zero dollars, zero cents, zero ringgit. Every single tool in this stack is free. No hidden charges, no "free trial ends in 14 days" nonsense, no need to put credit card. For a typical small org website, you will never need to pay anything. Like, ever. In this economy, that's basically a miracle.

Fast

Blazing fast out of the box

Your website will load almost instantly for visitors. The pages are kept lightweight, and they're served from a location close to each visitor - like having a local branch instead of one faraway head office.

Astro's zero-JS approach combined with Cloudflare's edge network means your site loads almost instantly - no performance tuning required. Your visitors get near-instant page loads regardless of where they are in the world.

Your website will load so fast, your visitors think they accidentally opened a cached page. Astro keeps everything lightweight, Cloudflare serves it from nearby. Your aunty's old phone? Still loads fast. Your uncle's kampung WiFi? Also can. It just works lah.

Auto

Automatic deployments

When you make a change and save it, your live website updates by itself within seconds. No need to upload files, call your hosting provider, or do anything extra - it just happens.

The GitHub-to-Cloudflare pipeline means every code change is automatically deployed. Push from Antigravity, and your live site updates within seconds. No manual uploads, no FTP, no waiting around.

You make a change, save it, and your live website updates by itself. No need to call anyone, no need to FTP files (if you even know what that is), no need to do anything extra. It's like magic, except it's just good engineering. The kind of "set and forget" that actually works - unlike your New Year resolution.

No coding experience needed

You tell the AI what you want in everyday language - "change the phone number", "add a photo gallery", "make the header blue" - and it does it. You don't need to understand any programming language.

Antigravity's AI agent lets non-technical users describe changes in plain English. Need a new page? A contact form? Updated opening hours? Just ask. The AI writes the code, you review and publish.

You don't need to know coding. Seriously. Just tell the AI what you want - "change the phone number", "add a photo gallery", "make the header more atas looking". The AI writes the code for you. It's like having a personal developer who works for free and doesn't judge your design choices.

Secure

Secure by default

Your website is automatically protected against common internet threats. It gets the padlock icon (HTTPS) for free, is shielded against attacks, and because there's no database or login system to hack, it's inherently much safer than traditional websites.

Static and server-rendered sites on Cloudflare get free HTTPS, DDoS protection, and a globally distributed infrastructure. There's no database to hack and no server to maintain - your attack surface is minimal.

Your website automatically gets the padlock icon, protection against hackers, and because there's no database to hack, it's like a vault with no door - nothing to break into lah. Those ransomware people who target WordPress sites? Cannot touch you. Sleep easy knowing your website more secure than most banks' websites.

Limitations to Be Aware Of

Free tier has usage caps

The free plan handles 100,000 page visits per day. That's plenty for most organisations, but if your site ever becomes extremely popular, you'd need the paid plan at $5/month - which then covers 10 million visits.

Cloudflare Workers' free plan allows 100,000 requests per day. For most community organisations this is more than enough, but high-traffic sites or those with heavy API usage may eventually need the paid plan ($5/month for 10 million requests).

Free plan can handle 100,000 visitors per day. That's like having your whole kampung visit your site every day, PLUS their friends, PLUS their friends' friends. If you somehow kena more popular than that, paid plan is only $5/month. Five dollars. Your kopi-o kosong costs more than that per week.

AI editing isn't perfect

The AI assistant is very capable, but it's not magic. Sometimes it might misunderstand what you want, especially for complex designs. The trick is to be specific with your instructions and make changes step by step rather than all at once.

Antigravity's AI agent is impressive but not infallible. Complex layouts or very specific design requirements may need manual tweaking. It works best for clear, descriptive instructions and iterative refinement.

The AI very power but not perfect lah. Sometimes it blur like sotong and misunderstands what you want. But same like dealing with real people - just be specific with your instructions. Say exactly what you want. Don't say "make it nice nice" - say "make the header blue with white text". The clearer you are, the better it works.

No traditional CMS

There's no WordPress-style dashboard where you click buttons to change content. Instead, you describe changes to the AI assistant. It's actually simpler once you get used to it, but it's a different way of working from what you might be used to.

There's no WordPress-style admin panel. Content changes happen through code (or asking the AI to change code). This is simpler and more secure, but team members used to a CMS interface may need a short adjustment period.

No WordPress dashboard. No click-this-button-to-add-blog-post interface. Instead, you talk to the AI. Sounds scary at first, but actually way simpler once you try. No more WordPress updates, no more plugin conflicts, no more "your site has been hacked again". Just tell the AI what you want. Done.

Custom domain requires Cloudflare DNS

If you want your website at your own address (like yourorg.org instead of a long Cloudflare URL), you'll need to point your domain to Cloudflare. This is a one-time setup and it's free - but someone technical may need to help with this initial step.

To use your own domain (e.g. yourorg.org), it needs to be managed through Cloudflare's DNS - which is free, but involves a one-time setup to transfer your domain's nameservers.

Want to use your own domain (like yourorg.com)? Need to point it to Cloudflare. One-time setup only, and it's free. But the DNS thing can be a bit chim - maybe get your tech-savvy nephew to help for this one step. After that, everything autopilot already.

Some advanced features aren't supported

Node.js runtime constraints

Some super chim features not supported

Some advanced programming tools don't work on Cloudflare because it uses a simplified system. This won't affect most websites at all, but it's worth knowing if you ever need very specialised features down the road.

Cloudflare Workers uses a lightweight V8 runtime, not a full Node.js environment. Most things work fine, but some Node.js-specific libraries that rely on filesystem access or native modules won't be compatible.

Some very advanced programming libraries don't work on Cloudflare because it uses a simplified system. But honestly, for 99% of community websites, you won't even notice. It's like complaining that your Toyota Vios cannot go 300km/h - technically true, but when you ever need to go that fast?

Learning curve for advanced customisation

For everyday changes, the AI handles everything. But if you want very advanced features - like connecting to other services or building complex interactive pages - some technical knowledge would be helpful, or you can ask someone with that background.

While the AI handles most tasks, understanding Astro's component model and Cloudflare's configuration is helpful for advanced features like API routes, dynamic server-side rendering, or integrating third-party services.

For everyday changes, the AI handles everything like a champ. But if you want super advanced features - like connecting to external APIs or building some complex interactive thing - then maybe need someone who knows a bit more. But for normal website stuff? The AI got you covered, no worries.

Extend Your Site With Free Tools

Once your website is live, you can prompt Antigravity to add extra features for free. Many tools are designed to be embedded with a single snippet of code — just describe what you want and the AI will do the rest.

Once your site is deployed, Antigravity can help you integrate third-party tools via embed scripts or API routes. Most of the tools below require only a snippet added to your layout file.

Once your website is live ah, you can ask the AI to add extra features. A lot of these tools just need one small piece of code to work - just describe what you want and the AI settles it. Like ordering toppings for your roti prata - just say what you want and it appears.

Pro tip

Add free live chat with tawk.to

tawk.to is a completely free live chat widget you can embed on your site so visitors can message you directly. Once you have a tawk.to account, just prompt Antigravity: "Add a tawk.to live chat widget to my website" and paste in your embed code when asked.

tawk.to provides a free embeddable chat widget. After creating an account and getting your embed snippet, prompt Antigravity to add it to your base layout. It can also be conditionally loaded to keep your Lighthouse scores clean.

tawk.to is a free live chat thing you put on your website. Visitors can message you directly - like WhatsApp but on your site. Once you got your tawk.to account, just tell the AI: "Add tawk.to live chat to my website" and paste in the code they give you. Five minutes, done. Senang.

Looking for more tools to pair with your site? See our Free Tools page for a curated list of free and charity-eligible software.

Ready to Get Started?

Our step-by-step guide walks you through the entire setup - from creating your Cloudflare project to making your first AI-assisted edit. Your free website will be live in about 15 minutes.

Open the Setup Guide →

Build an Agentic Website, Entirely Free