Web Developer · Portfolio 2026

Marc Dinnerville

Astro & Cloudflare platforms with integrated AI

allgoodnow@mailfence.com · Far North Queensland, Australia · Available worldwide
daintreethaiboxing.com · stixandpebbles.pages.dev · cognito-demo
github/cognito-demo · github/developer-portfolio

Astro 6 Solid.js TypeScript Cloudflare Pages Workers / D1 Workers AI Stripe Resend GSAP

Live Projects

AI Tools Built

Monthly Cost

API Endpoints

01 — What I Build

Not websites. Platforms.

I build fast, visually striking web platforms — not template websites. Every site is designed to look premium and load in under a second, anywhere in the world. Each project is a complete business system: a beautifully crafted frontend with cinematic scroll animations and polished interactions, a private admin dashboard built around your specific workflow, AI tools trained on your actual business data and voice, a serverless database, transactional email, full search engine optimisation, and if needed — a complete e-commerce system with payments, shipping, and order management.

The technical foundation: Every site is built on Astro 6 with server-side rendering and selective hydration — meaning pages are pre-built on the server and arrive fully formed, while Solid.js islands handle interactive components without shipping unnecessary JavaScript. The entire stack deploys to Cloudflare's edge network across 300+ global points of presence. The database is Cloudflare D1 — serverless SQLite requiring zero maintenance. AI features run on Workers AI (Llama 3.1 8B) with per-tool system prompts, structured JSON output constraints, deterministic temperature settings, and a four-layer caching architecture resolving approximately 70% of all queries from cache at sub-50ms latency.

In plain English: your website runs on the same global infrastructure used by companies like Discord and Shopify — but configured so that hosting, database, AI, bot protection, and email all cost you nothing per month. The only ongoing expense is the domain name at roughly $15 per year.

<1s

Page Load

WP: 3–5s

Mobile Score

WP: 40–60

50ms

TTFB Edge

WP: 500ms+

Edge Locations

WP: 1 server

AI Cache Hits

<50ms response

Monthly Run

WP: $75–160

02 — Architecture

How It All Fits Together

Every project uses the same proven, modern architecture. Here's what powers your site — and why each piece matters.

Layer	Technology	What It Does & Why It Matters
Frontend	Astro 6, Solid.js, TypeScript	Astro builds pages at the server so they arrive ready to display. Solid.js adds interactivity only where needed. TypeScript catches errors before they reach visitors.
Hosting	Cloudflare Pages	Served from 300+ locations worldwide. Zero-downtime deploys via Wrangler CLI. No origin server to maintain. Free.
Database	Cloudflare D1	Serverless SQLite at the edge. Stores enquiries, orders, blog posts, analytics — with parameterised queries preventing SQL injection.
AI Engine	Workers AI (Llama 3.1, Qwen 3)	Multiple models per use case. Per-tool system prompts with personality, boundaries, and structured output. Adversarial-hardened against prompt injection. FAQ pre-matching, lead capture, session persistence. Four-layer cache means ~70% answered instantly.
Payments	Stripe Elements	Card details tokenised in the browser, sent directly to Stripe — server never touches card data. PCI compliant by design.
Email	Resend	Enquiry notifications, order confirmations, newsletters. Double opt-in with tokenised one-click unsubscribe. 3,000/month free.
Security	Turnstile, Workers	Invisible bot protection, KV-backed rate limiting, timing-safe auth, CSRF tokens, honeypot spam traps, input sanitisation.

Services

Full Website

Custom design, responsive, forms, SEO, blog, deployment + complete handover.

AI Integration

Custom chat persona, content generators, smart search, analytics summaries. No subscriptions.

E-Commerce

Product catalogue, Stripe checkout, shipping calculators, order management. No platform fees.

Admin Dashboard

Purpose-built for your workflow: inbox, content writer, review moderation, analytics.

Email & Newsletter

Opt-in, one-click unsubscribe, subscriber management. Free via Resend.

Maintenance

Updates, backups, fixes. Fixed rate — or full handover and maintain it yourself.

03 — Portfolio

Production Work

Daintree Thai Boxing Live

daintreethaiboxing.com · Client: Kru Din, Daintree QLD · Built in <1 week

A complete web platform for a Muay Thai coaching business in the Daintree Rainforest. Premium editorial design — deep forest greens, warm gold accents, custom cursor, particle effects, atmospheric loading screen, dark/light mode. View Transitions API for fluid navigation.

10 AI-Powered Tools — $0/month

Three chatbot personas (training assistant, nature guide, technique coach) with dedicated system prompts and domain boundaries. Seven generators for training plans, nutrition, warmups, recovery, technique, trips, smart FAQ. Time-aware greetings, proactive page triggers, individual conversation history.

Multi-Layer AI Security

Regex jailbreak detection, role-play prevention, input constraints. Outbound validation. KV-backed rate limiting (10/min), progressive slowdown, auto IP ban after 5+ violations, session tracking.

6-Panel Admin + Smart Caching

Inbox with AI replies, review moderation, AI analytics summaries, content publishing, availability manager, FAQ pattern analysis. Four-layer cache (~70% hit rate, <50ms cached vs ~800ms fresh).

SEO & Structured Data

JSON-LD across 6+ schemas. Dynamic Open Graph + Twitter Cards per page. Geo meta. Auto sitemaps. Core Web Vitals — consistently 95+ mobile PageSpeed.

Stix & Pebbles Live

stixandpebbles.pages.dev · Client: Melinda, Irvinebank QLD

Full e-commerce for handmade crafts — jewellery, ornaments, art from river stones, driftwood, creek crystals. Earth-tone design, dark/light mode, scroll animations, offline support via service worker.

Complete E-Commerce

Product catalogue with materials, weights, meanings, stock tracking. Persistent localStorage cart. Stripe Elements checkout with server-side validation. Admin order management. Custom commissions.

AU Post Shipping Calculator

Weight-based from real rate tables. Cart weights + packaging → 5 zones (2 domestic, NZ, Asia-Pacific, rest-of-world). Base + per-kg international. No plugin, no API, no subscription.

“Mini Mel” AI Shopping Assistant

Cart-aware chatbot. Knows every product and its story. Synonym recognition, seasonal suggestions, FAQ matching, voice consistency checks, proactive product-page triggers.

Newsletter & Admin

Double opt-in, tokenised unsubscribe, subscriber admin. Full dashboard: inbox, analytics, content writer, order management.

Cognito — AI Demo Site Live

cognito-demo.allgoodnow.workers.dev · Client-facing demo · Cloudflare Worker

A production-ready template site showcasing what an AI-integrated business website looks like. Built with Astro 6 and deployed as a Cloudflare Worker — demonstrating a different deployment model from Pages-based sites.

Qwen 3 30B Chatbot — Adversarial Hardened

Production chatbot running Qwen 3 30B A3B on Workers AI. System prompt hardened against prompt extraction, persona hijacking, jailbreaks, and social engineering. Thinking token stripping for clean output. Temperature-tuned for consistent, on-brand responses.

Zero-Token FAQ & Lead Capture

FAQ pre-matching answers common questions instantly without an AI call. Intent detection recognises when a visitor is ready to start a project and stores the conversation in KV for follow-up. Per-IP rate limiting via KV with graceful throttling.

AI Concierge & Inline Demo

Hero-level AI concierge greets visitors with typewriter effect and contextual quick-action buttons. Inline AI demo section lets visitors test the chatbot without leaving the homepage. Smart FAQ with custom question input.

Session Persistence & Security

Conversation history persists via sessionStorage across page reloads. KV-backed rate limiting (20 req/min per IP). Input sanitisation and message length constraints. Graceful fallback responses on AI failure.

04 — Technical Skills

The Stack

Astro 6 & Solid.js

Astro 6 SSR with selective hydration — pages pre-rendered on the server, interactive islands hydrated only where needed. Solid.js for reactive UI: fine-grained reactivity, no virtual DOM, smaller bundles than React. TypeScript across the full stack. Result: sites that score 95+ on PageSpeed and feel instant.

Cloudflare — Full Platform

Deep experience across the Cloudflare ecosystem: Pages (SSR edge functions), Workers (serverless compute, 300+ PoPs), D1 (serverless SQLite), Workers AI (Llama 3.1, Qwen 3), R2 (object storage), KV (rate limiting & session state), Turnstile (bot protection). Wrangler CLI for zero-downtime deploys. Every project in this portfolio runs entirely on Cloudflare.

AI / ML Engineering

Custom system prompts with structured JSON output. Multiple model selection per use case (Llama 3.1 8B, Qwen 3 30B). Adversarial chatbot testing — prompt injection, persona hijacking, jailbreak, boundary probing — with hardened system prompts. FAQ pre-matching for zero-token instant responses. Lead intent detection and KV-backed capture. Session persistence. Semantic caching via text embeddings. Proactive contextual triggers. Multi-layer abuse detection: regex, role-play prevention, progressive rate limiting, IP banning. AI analytics narratives.

Backend & APIs

20+ RESTful endpoints. KV-backed sliding window rate limiting. Timing-safe auth (constant-time comparison). Stripe tokenisation + server validation. Parameterised D1 queries. Resend templating.

Design & Performance

Sites that look premium and load fast. GSAP + ScrollTrigger cinematic scroll animations. Lenis smooth scroll. WebGL particle systems. View Transitions API for SPA-like page navigation. Full dark/light mode. Custom cursors, atmospheric loaders, parallax. Every site scores 95+ mobile PageSpeed — because beautiful and fast aren't trade-offs.

E-Commerce

Product catalogue + stock + weight tracking. Persistent localStorage cart. Stripe Elements PCI checkout. Weight-based shipping (5 zones, real carrier tables). Server-side order validation. Admin management.

SEO & Structured Data

JSON-LD across 6+ schemas (SportsActivityLocation, FAQPage, BreadcrumbList, Event, Product, Article, LocalBusiness). Dynamic Open Graph + Twitter Cards per page. Geo meta. Auto sitemaps. Core Web Vitals — consistently 95+ mobile PageSpeed.

How I Work With AI

AI-Assisted Development

Anthropic Claude

My development workflow is built around Anthropic's Claude models. Not as a novelty — as core infrastructure. I've spent months customising Claude Code with purpose-built instruction files, skills, hooks, and MCP server integrations that turn it into a tailored development environment. The result: I ship faster, catch more issues, and handle complexity that would normally require a larger team.

Concurrent multi-agent sessions — parallel feature development, testing, and research running simultaneously across isolated workstreams
Custom instruction files — structured CLAUDE.md files that shape AI behaviour, enforce project conventions, and maintain context across sessions
Purpose-built skills & automation — deployment pipelines, diagnostic tools, code review workflows, database management, security auditing
MCP server integrations — Claude connected to Cloudflare APIs, Playwright browser automation, documentation servers, and live verification tools
Adversarial prompt engineering — testing and hardening production AI chatbots against injection, jailbreaks, persona hijacking, and social engineering
Actively developing — each project teaches new patterns. The workflows, skills, and integrations I build compound — every client benefits from what came before

05 — How I Work

Direct. Fast. Yours.

Direct Communication

You talk to the person who writes the code. No project managers, no subcontractors. Brief to handover — just me.

Complete Ownership

Full source code, all credentials, admin access, plain-English guide. No vendor lock-in. Switch developers anytime.

Fast Delivery

Production-ready in under a week. Deep stack familiarity — battle-tested architecture, not cutting corners.

Australia, Worldwide

Far North Queensland, AEST. Clear communication. Sites deployed globally regardless of your location.

Get In Touch

allgoodnow@mailfence.com

Marc Dinnerville · Far North Queensland, Australia
Portfolio: daintreethaiboxing.com · stixandpebbles.pages.dev · cognito-demo
GitHub: cognito-demo · developer-portfolio
Available for projects worldwide.