Articles on Astro, web performance, design systems, and building with Farmers Cabin Fitness.
How to install, configure, and deploy Farmers Cabin Fitness — covering site.config.ts, brand colours, navigation, writing posts, and deploying to Vercel.
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.
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.
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.
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.
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 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 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.
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.
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.
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.
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.
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.
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.