Modern Boundary Solutions

2026-07-08

astro web cloudflare resend bun svelte

modernboundarysolutions.com.au

A friend reached out needing a site for their fencing business, asking if I knew anyone who could build websites. My default response was "Sure, I can do it" but my actual experience in delivering websites was lacking. I couldn't pass up on the opportunity to learn though and asked him to break down what he wanted.

Requirements

The core ask was a marketing site to advertise their fencing business. With a need to show off a large amount of photos for past work. Early on it was established that the site was going to be static with the only real functionality being a form to capture initial quote information from customers.

Photos and logos were supplied and origonally a random color scheme was choisen, before matching the colour scheme and overall theme around the newly supplied logo.

The Stack

The requirements simplified things as I default to using the GOTH stack for all things webdev. The sites lack of complexity meant I could go for a static site generator. I had used site generators like Hugo and Zola (this site uses Zola) but wanted to do a bit more digging. I already knew I'd be hosting it on Cloudflare Pages and some exploration around Pages led me to find that Cloudflare had recently purchased AstroJS, and thus a prototype was built in Astro to explore the framework. Astro is a framework for content-heavy sites, so it matches perfectly for what I wanted, but specifically had a fairly straightforward workflow, utilising components and a good amount of built-in features (reducing custom JS for me). Additionally it has a bring-your-own UI framework model, so I also went with Svelte simply for something new. Svelte introduced a different approach to webdev and made things a bit more approachable.

Development went smoothly and the final piece was handling emails for forms. I found two viable options, web3forms and Resend. Web3forms had a much more straightforward UI, which is a major reason behind my interest in Cloudflare vs other providers (my choice of cloud), but was restrictive when trying to set it up server-side with Cloudflare Functions. A choice I made to introduce a little more control on the server-side email logic. This meant my option was to go with resend. Which turned out great as a result of how smooth it was to setup domains and audiences.

The resulting tech stack is as follows

Outcome

The project allowed me to identify each step and requirement for developing sites of this style. This helped me get experience with various technologies and allows me to now make more informed decisions on future projects.

I wouldn't change anything in the stack and would happily use all of the technologies again should I get the chance to work on a similar project in the future.