Skip to content
A Astro Rocket
Tag

#tutorial

8 posts tagged "tutorial".

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.

H Hans Martens
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.

H Hans Martens
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.

H Hans Martens
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.

H Hans Martens
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.

H Hans Martens
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.

H Hans Martens
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.

H Hans Martens
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.

H Hans Martens
7 min read
#astro-rocket #components #customization #tutorial #javascript

Ready to build?

Clone Astro Rocket, pick a theme, and launch your next project in minutes.