Skip to content
A Astro Rocket
Tag

#tutorial

8 posts tagged "tutorial".

All posts

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.

B Beyond.ms
6 min read
#astro-rocket #tutorial #git #maintenance

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.

B Beyond.ms
14 min read
#astro-rocket #i18n #internationalization #tutorial

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.

B Beyond.ms
5 min read
#astro-rocket #dark-mode #design-system #ux #tutorial

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.

B Beyond.ms
8 min read
#astro-rocket #astro #react #canvas #tutorial

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.

B Beyond.ms
5 min read
#astro-rocket #seo #structured-data #tutorial #configuration

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.

B Beyond.ms
5 min read
#astro-rocket #tutorial #email #vercel #deployment

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.

B Beyond.ms
4 min read
#astro-rocket #design-system #tailwind #customization #tutorial

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.

B Beyond.ms
7 min read
#astro-rocket #components #customization #tutorial #javascript

blog.cta.heading

blog.cta.description