BlogPilot · Web design system

How I build sites like
blogpilot.ch, open stack.

Astro + Vercel Edge, Spline 3D, framer-motion, AI chatbot, AEO markup, mobile-first burger menu that works. You get my complete build stack including templates and a step-by-step workflow.

Unlock the stack →
What you get

Four modules. One build system.

01 Design system

Colour palette, typography, component library. Your branding as code, reusable on every page. Dark-mode-first with aurora backgrounds, bento grids, spotlight effects.

02 Performance stack

Astro 5 as static site generator, Vercel Edge as hosting + CDN. Lighthouse 95+ on mobile, <1 second loading time on 4G. Including image pipeline + font loading strategy.

03 SEO + AEO ready

Schema.org (LocalBusiness, FAQPage, Service), OpenGraph, sitemap.xml, robots.txt, canonical URLs. Plus AEO structures for ChatGPT/Perplexity visibility. All configured from day 1.

04 AI integration

Chatbot widget with GPT-4o/Claude, RAG on your content, calendar booking, human handover via WhatsApp. One line of code for website integration.

Stack

Exactly these tools.

Astro 5 TypeScript Tailwind v4 React (for 3D) Spline 3D framer-motion Vercel Edge Supabase Resend OpenAI · Anthropic
Why not WordPress / Wix

Standard website builder vs. modern stack.

WordPress / Wix
✕Loading time 3-6s on mobile
✕Lighthouse 40-70
✕30+ plugins that break
✕SEO/AEO as a bolt-on
✕No AI chatbot without a third-party licence
Astro + Vercel Stack
✓<1 s loading time on 4G
✓Lighthouse 95+
✓No plugin chaos, own codebase
✓SEO + AEO from day 1
✓AI chatbot built in, own stack
Related
View the sales machine
→

Unlock access

Enter your details and I'll send you straight to the hub with all templates, workflows and a personal strategy.

You'll get a welcome email plus direct access to the hub. No spam, no adverts.