Skip to content
F Farmers Cabin Fitness
Tag

#tutorial

6 posts tagged "tutorial".

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

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

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

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

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