All posts

Courtside: The Tech Blog

Where high-end design meets modern technical architecture. Explore our latest thinking on headless commerce, database security, and navigating the transition from traditional SEO to AI-driven discovery.

Featured

Shopware 6 vs Shopify vs Custom eCommerce: EU & DACH Guide 2027

Compare Shopify, Shopware, and custom eCommerce development in 2027 to understand pricing, B2B workflows, localization, scalability, and platform fit.

Rahul Woll

October 27, 20261 min read

Custom eCommerceStore DevelopmentShopify PlusB2B StorefrontsShopware 6

OKF vs. RAG: The Ultimate AI Agent Architecture

Every AI agent has a memory problem. Ask it a well-known fact, and it answers brilliantly.

Rahul Woll

October 19, 20261 min read

RAGAi AgentsLLMOKFOpen Knowledge Format

Getting Started with Astro Build — From Install to Live in Minutes

How to install, configure, and deploy Astro Build — covering site.config.ts, brand colours, navigation, writing posts, and deploying to Vercel.

Hans Martens

April 19, 20261 min read

astro-rocketgetting-startedconfigurationvercel

Astro.Build Configuration — Every Toggle, Theme, and Layout Option Explained

A complete walkthrough of Astro.Build's configuration options: 12 colour themes, OKLCH colours, typography, radius and shadow tokens, header styles, dark mode, and more.

Hans Martens

April 18, 20262 min read

astro-rocketconfigurationcustomizationthemes

All posts

Filter

Stop Waiting on Code Reviews: The Ultimate Guide to Stacked PRs

Ready to try it? Stacked PRs are basically a superpower, but they come with a specific set of Git challenges.

Rahul Woll

August 6, 20261 min read

githubfeaturesPull Request

Animations in Astro.Build — How the Premium Motion Design Works

A deep dive into every animation layer in Astro.Build: the spring-curve hero entrance, staggered cascades, scroll-reveal, and how it all stays smooth without a JS animation library.

Rahul Woll

April 17, 20262 min read

astro-rocketanimationcssuxperformance

57 Components Ready to Use — Astro Build's Full UI Library

Astro Build ships with 57 production-ready components from the Velocity library — buttons, cards, dialogs, forms, data display, and full page-structure components. All accessible, all themed.

Hans Martens

April 17, 20262 min read

astro-rocketcomponentsuivelocity

Hero Scroll Indicator — Desktop-Only, Hides on Scroll

Astro Build's hero has an animated scroll indicator: two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. Here's how every part of it works.

Hans Martens

April 16, 20262 min read

astro-rocketfeaturesuxanimation

Scroll Progress Ring — A Circular Indicator on the Back-to-Top Button

Astro Build's back-to-top button now has a circular SVG progress ring that fills as you scroll. It's brand-coloured, theme-aware, and runs entirely in CSS and a small inline script.

Hans Martens

April 15, 20262 min read

astro-rocketfeaturesuxanimation

Contact Form Setup: Resend, Vercel, and GoDaddy Step by Step

Astro Build's contact form is wired up but needs three things to actually deliver email: a Resend account, a verified domain, and one environment variable on Vercel.

Hans Martens

March 31, 20262 min read

astro-rockettutorialemailverceldeployment

Scroll Progress Bar — Reading Progress at a Glance

Astro Build now has a scroll progress bar: a thin brand-coloured line that fills as you scroll. Here's how it works, where it lives, and how to enable it on any page.

Hans Martens

March 25, 20262 min read

astro-rocketfeaturesheaderux

SEO in Astro Build: What's Built In and How to Configure It

Astro Build handles structured data, Open Graph, canonical URLs, sitemaps, and more out of the box. Here's exactly what ships and where to configure it.

Hans Martens

March 17, 20262 min read

astro-rocketseostructured-datatutorialconfiguration

How Astro Build's Design System Works — Tokens, Colors, and Dark Mode

Astro Build uses a three-tier token architecture with OKLCH colors. Change one value and the entire site updates. Here's how it works and how to make it yours.

Hans Martens

March 16, 20262 min read

astro-rocketdesign-systemtailwindcustomizationtutorial

The Hero Typing Effect in Astro Build — How It Works and How to Tune It

Astro Build's hero headline cycles through words with a typing animation. Learn how it works, how to tune every speed and pause, and how to disable it entirely.

Hans Martens

March 16, 20262 min read

astro-rocketcomponentscustomizationtutorialjavascript

Why Astro Build Uses sessionStorage for Dark Mode (Not localStorage)

Dark mode is the default experience in Astro Build — and that's a deliberate design decision. Here's the reasoning, the code, and exactly how to change it.

Hans Martens

March 15, 20262 min read

dark-modeastro-rocketdesigntutorial

Follow along

Stay in the loop — new articles, thoughts, and updates.

RSS Feed GitHub X / Twitter LinkedIn Instagram Email

Let’s build your innovative digital product!

Whether it's a new build or something that needs a fresh perspective — We'd love to hear about it.

Start a project Get Started