Skip to content
A Astro Rocket
All posts

Blog

Everything you need to know about Astro Rocket, explained in practical guides.

YouTube in Your Posts — the Click-to-Play Embed

Embed a YouTube video in any post or page with one component. The page ships only a thumbnail; the player loads from youtube-nocookie.com when the reader presses play. Lighthouse stays at 100.

H Hans Martens
3 min read
#astro-rocket #features #components #performance

Video Slides in Project Galleries — Zero Bytes Until Play

Project carousels now accept self-hosted video slides next to images. Here's how to use them, how they work, and why they don't cost a single Lighthouse point.

H Hans Martens
4 min read
#astro-rocket #features #projects #performance

Make It Yours: Set a Custom Logo and Site Name

Swap Astro Rocket's auto-generated monogram for your own logo image, rename your site, and choose between a logo-with-wordmark or a logo-only header — mostly from a single config file.

H Hans Martens
5 min read
#astro-rocket #branding #logo #customization

The Stack Marquee — A Pure-CSS Infinite Tech Strip

Astro Rocket's homepage has a new Stack Marquee: two rows of tech-stack cards scrolling opposite ways with zero JavaScript. Here's how the loop works and why it's hidden on phones.

H Hans Martens
5 min read
#astro-rocket #animation #css #components #ux #performance

Going Multilingual: Native i18n in Astro Rocket

How Astro Rocket's opt-in i18n works — locale routing, the t()/tData() dictionary, and an auto-localized blog, projects, pages, and chrome — plus how to ship a multilingual site.

H Hans Martens
14 min read
#astro-rocket #i18n #internationalization #tutorial

Comments on Blog Posts — Giscus, Cusdis, or Artalk, Lazy-Loaded

Astro Rocket's blog comments are pluggable: pick Giscus, Cusdis, or the fully self-hosted Artalk. All three lazy-load on scroll — skip them and you pay nothing.

H Hans Martens
7 min read
#astro-rocket #features #blog #comments #giscus #cusdis #artalk

Independent Footer Menu — Different Links in Header and Footer

Astro Rocket now lets you configure the footer menu independently of the header navigation. Add a Privacy link, an Imprint, or a Cookie Policy without cluttering your main nav.

H Hans Martens
2 min read
#astro-rocket #features #footer #navigation

Table of Contents — Reading Anchors for Long Posts

Astro Rocket renders an optional TOC on blog posts in three layouts — inline card, sticky sidebar, or both — with the sidebar on the left or right. Pick what fits your audience.

H Hans Martens
5 min read
#astro-rocket #features #blog #navigation

System, Light, Dark — How Astro Rocket's Colour-Mode System Works

A 3-state colour-mode system with no flash, live OS-preference tracking, and a pill dropdown that respects what the user actually picked. Here is how it is built.

H Hans Martens
5 min read
#astro-rocket #dark-mode #design-system #ux #tutorial

Add a LetterGlitch Effect to Your Astro 7 Site

A step-by-step guide to dropping a brand-tinted LetterGlitch canvas effect into an Astro 7 project — with the full component, an Astro wrapper, and the small details that make it production-ready.

H Hans Martens
8 min read
#astro-rocket #astro #react #canvas #tutorial

Animations in Astro Rocket — How the Premium Motion Design Works

A deep dive into every animation layer in Astro Rocket: the clean ease-out hero entrance, the staggered scroll-reveal cascade, and how it all stays smooth without a JS animation library.

H Hans Martens
10 min read
#astro-rocket #animation #css #ux #performance

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

Astro Rocket ships with a 57-component UI library — buttons, cards, dialogs, forms, data display, and full page-structure components. All accessible, all themed.

H Hans Martens
8 min read
#astro-rocket #components #ui #velocity

Follow along

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