Skip to content
F Farmers Cabin Fitness
Tag

#astro-rocket

16 posts tagged "astro-rocket".

Going Multilingual: Native i18n in Farmers Cabin Fitness 1.3.0

How the new opt-in i18n system works, what it adds when you turn it on, and the exact steps to ship your site in English plus a second language.

A Ashlee Muscroft
2 min read
astro-rocket i18n internationalization tutorial v1-3-0

Comments on Blog Posts — Giscus, Lazy-Loaded

Farmers Cabin Fitness now has optional comments on blog posts, powered by Giscus and GitHub Discussions. The script is lazy-loaded so readers who don't scroll to the bottom pay zero cost.

A Ashlee Muscroft
2 min read
astro-rocket features blog comments giscus

Independent Footer Menu — Different Links in Header and Footer

Farmers Cabin Fitness 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.

A Ashlee Muscroft
2 min read
astro-rocket features footer navigation

Table of Contents — Reading Anchors for Long Posts

Farmers Cabin Fitness 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.

A Ashlee Muscroft
2 min read
astro-rocket features blog navigation

System, Light, Dark — How Farmers Cabin Fitness'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.

A Ashlee Muscroft
2 min read
astro-rocket dark-mode design-system ux tutorial

Getting Started with Farmers Cabin Fitness — From Install to Live in Minutes

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

A Ashlee Muscroft
2 min read
astro-rocket getting-started configuration vercel

Farmers Cabin Fitness Configuration — Every Toggle, Theme, and Layout Option Explained

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

A Ashlee Muscroft
2 min read
astro-rocket configuration customization themes

Animations in Farmers Cabin Fitness — How the Premium Motion Design Works

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

A Ashlee Muscroft
2 min read
astro-rocket animation css ux performance

57 Components Ready to Use — Farmers Cabin Fitness's Full UI Library

Farmers Cabin Fitness 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.

A Ashlee Muscroft
2 min read
astro-rocket components ui velocity

SEO in Farmers Cabin Fitness: What's Built In and How to Configure It

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

A Ashlee Muscroft
2 min read
astro-rocket seo structured-data tutorial configuration

Hero Scroll Indicator — Desktop-Only, Hides on Scroll

Farmers Cabin Fitness'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.

A Ashlee Muscroft
2 min read
astro-rocket features ux animation

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

Farmers Cabin Fitness'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.

A Ashlee Muscroft
2 min read
astro-rocket features ux animation

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

Farmers Cabin Fitness'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.

A Ashlee Muscroft
2 min read
astro-rocket tutorial email vercel deployment

Scroll Progress Bar — Reading Progress at a Glance

Farmers Cabin Fitness 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.

A Ashlee Muscroft
2 min read
astro-rocket features header ux

How Farmers Cabin Fitness's Design System Works — Tokens, Colors, and Dark Mode

Farmers Cabin Fitness 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.

A Ashlee Muscroft
2 min read
astro-rocket design-system tailwind customization tutorial

The Hero Typing Effect in Farmers Cabin Fitness — How It Works and How to Tune It

Farmers Cabin Fitness'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.

A Ashlee Muscroft
2 min read
astro-rocket components customization tutorial javascript