Shuttle Website 2026

The Problem

Shuttle needed a fast, SEO-optimised marketing site that content editors could update without developer involvement — and that deployed automatically on every publish.

What I Built

A static marketing site with 200+ pre-rendered pages and a fully automated CI/CD pipeline:

The Site

  • 164+ blog articles, 10+ guides, 4 comparison pages, industry verticals
  • Responsive design with brand-consistent typography (CircularStd) and theming
  • SEO optimised: structured data (JSON-LD), canonical tags, sitemaps, OpenGraph metadata
  • Dark/light mode, carousels, Lottie animations, live chat widget

The CMS Integration

  • Caisy headless CMS with GraphQL API
  • Content editors publish in Caisy — no code, no deploys, no waiting
  • Blog posts, guides, comparisons, alternatives, and industry pages all CMS-managed

The Deployment Pipeline

  1. Content editor publishes in Caisy
  2. Caisy webhook triggers AWS Lambda
  3. Lambda starts AWS CodeBuild
  4. CodeBuild runs: npm ci → npm run build → aws s3 sync → CloudFront invalidation
  5. Site live in ~2 minutes

Content Types

  • Blog articles (ProseMirror JSON rendering)
  • Educational guides
  • PSP comparison pages
  • Alternative platform comparisons
  • Industry-specific landing pages
  • Payment provider documentation

Tech Stack

  • Astro 5 — static site generation
  • Tailwind CSS v4 — styling
  • React/Preact — interactive components
  • Caisy CMS — headless content management (GraphQL)
  • AWS S3 + CloudFront — hosting and CDN
  • AWS CodeBuild + Lambda — automated build pipeline

View Next

Shuttle Revenue Tracker

Automated commission statement pipeline that fetches partner statements from Gmail, parses CSV/PDF/XLSX across multiple payment partners, and generates Excel reports with interactive dashboards.