BlogPilot · Webdesign-System

So baue ich Sites wie
blogpilot.ch, open Stack.

Astro + Vercel Edge, Spline 3D, framer-motion, KI-Chatbot, AEO-Markup, Mobile-First Burger-Menü das funktioniert. Du bekommst meinen kompletten Build-Stack inkl. Templates und Schritt-für-Schritt-Workflow.

Stack freischalten →

— Was du bekommst

Vier Module. Ein Build-System.

01 Design-System

Farbpalette, Typografie, Komponenten-Library. Dein Branding als Code, wiederverwendbar auf jeder Page. Dark-Mode-first mit Aurora-Backgrounds, Bento-Grids, Spotlight-Effekte.

02 Performance-Stack

Astro 5 als Static Site Generator, Vercel Edge als Hosting + CDN. Lighthouse 95+ auf Mobile, <1 Sekunde Ladezeit auf 4G. Inkl. Image-Pipeline + Font-Loading-Strategie.

03 SEO + AEO ready

Schema.org (LocalBusiness, FAQPage, Service), OpenGraph, sitemap.xml, robots.txt, canonical URLs. Plus AEO-Strukturen für ChatGPT/Perplexity-Sichtbarkeit. Alles ab Tag 1 konfiguriert.

04 KI-Integration

Chatbot-Widget mit GPT-4o/Claude, RAG auf deine Inhalte, Calendar-Booking, Mensch-Übergabe via WhatsApp. Eine Zeile Code für die Website-Integration.

— Stack

Genau diese Tools.

Astro 5 TypeScript Tailwind v4 React (für 3D) Spline 3D framer-motion Vercel Edge Supabase Resend OpenAI · Anthropic

— Warum nicht WordPress / Wix

Standard-Baukasten vs. moderner Stack.

WordPress / Wix

✕Ladezeit 3–6 s mobile

✕Lighthouse 40–70

✕30+ Plugins die brechen

✕SEO/AEO als Bolt-On

✕Kein KI-Chatbot ohne Drittlizenz

Astro + Vercel Stack

✓<1 s Ladezeit auf 4G

✓Lighthouse 95+

✓Kein Plugin-Chaos, eigene Codebase

✓SEO + AEO ab Tag 1

✓KI-Chatbot eingebaut, eigener Stack

— Verwandt

Vertriebs-Maschine ansehen

→

So baue ich Sites wieblogpilot.ch, open Stack.

Vier Module. Ein Build-System.

Genau diese Tools.

Standard-Baukasten vs. moderner Stack.

Zugang freischalten

So baue ich Sites wie
blogpilot.ch, open Stack.