Tag

#astro-rocket

25 posts tagged "astro-rocket".

Updated Aug 3, 2026

Published August 3, 2026

Five Footer Layouts, and the One That Ships

Simple, minimal, stacked, centered and columns. The default builds its own columns from your nav, your tags and your projects, and shrinks back to a single row when a site has nothing to put in them.

Published August 3, 2026

Newsletter Signup: Collect Subscribers

A signup that posts to a Resend audience, in the footer of every page. On by default, and it tells you when its keys are missing instead of waiting for a visitor to find out.

Published July 25, 2026

Umami Analytics: Cookieless, Built In

Umami works out of the box: private, cookieless web analytics. Set one environment variable and you get visitor numbers with no cookie banner.

Published July 25, 2026

Updating Without Losing Your Content

Astro Rocket is installed with git clone, so updating is a git merge rather than an npm install. Here's the safe, reversible way to do it.

Published July 7, 2026

The Click-to-Play YouTube Embed

Embed a YouTube video with one component. The page ships only a thumbnail; the player loads from youtube-nocookie.com on play, so Lighthouse stays at 100.

Published June 12, 2026

Video Slides in Project Galleries

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.

Published June 9, 2026

Set a Custom Logo and Site Name

Swap the auto-generated monogram for your own logo, rename your site, and choose a logo-with-wordmark or logo-only header — mostly from one config file.

Published June 7, 2026

The Stack Marquee: A Pure-CSS Tech Strip

Two rows of tech-stack cards scrolling opposite ways with no JavaScript. How the homepage marquee loop works, and why it is hidden on phones.

Published May 11, 2026 Updated July 1, 2026

Going Multilingual with Native i18n

How the opt-in i18n works: locale routing, the t()/tData() dictionary, an auto-localized blog, projects and pages, and how to ship a multilingual site.

Published May 9, 2026 Updated July 1, 2026

Blog Comments: Giscus, Cusdis or Artalk

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.

Published May 9, 2026

A Footer Menu Separate From the Header

Configure the footer menu independently of the header navigation: add a Privacy link, an Imprint, or a Cookie Policy without cluttering your main nav.

Published May 9, 2026

Table of Contents for Long Posts

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.

Published May 6, 2026

System, Light, Dark: How Colour Mode Works

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

Published May 4, 2026

Add a LetterGlitch Effect to Astro 7

How to drop a brand-tinted LetterGlitch canvas effect into an Astro 7 project: the full component, an Astro wrapper, and the production-ready details.

Published April 19, 2026

Getting Started: From Install to Live

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

Published April 18, 2026

Every Configuration Toggle, Theme and Layout

A walkthrough of every configuration option: 12 colour themes, OKLCH colours, typography, radius and shadow tokens, header styles, and dark mode.

Published April 17, 2026

Animations: How the Motion Design Works

Every animation layer in Astro Rocket: the ease-out hero entrance, the staggered scroll-reveal cascade, and how it stays smooth with no JS animation library.

Published April 17, 2026

44 Components Ready to Use

A 44-component UI library: buttons, cards, dialogs, forms, data display, and full page-structure components. All accessible, all themed.

Published April 17, 2026

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

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

Published April 16, 2026

Hero Scroll Indicator: Hides on Scroll

Two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. How every part of the indicator works.

Published April 15, 2026

A Progress Ring on the Back-to-Top Button

The back-to-top button has a circular SVG ring that fills as you scroll: brand-coloured, theme-aware, and built from CSS and a small inline script.

Published March 31, 2026

Contact Form Setup: Resend, Vercel, GoDaddy

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

Published March 25, 2026

The Scroll Progress Bar

A thin brand-coloured line that fills as you scroll. How the progress bar works, where it lives, and how to enable it on any page.

Published March 16, 2026

The Design System: Tokens, Colours, Dark Mode

Astro Rocket 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.

Published March 16, 2026

The Hero Typing Effect: How to Tune It

The hero headline cycles through words with a typing animation. How it works, how to tune every speed and pause, and how to turn it off.

Dispatch

Get the daily signal

The essential AI stories, once a day. No noise.

RSS