Skip to content
99% Cafe 99% Cafe
Jurnal Kopi

Cerita dari Balik Cangkir

Tips seduh, cerita di balik biji kopi, dan kabar terbaru dari 99% Cafe Semarang.

01 Pilihan Editor

Artikel Unggulan

2 menit baca astro-rocket

Astro Rocket Is Live — My New Open Source Astro Theme

Astro Rocket is a production-ready Astro 6 theme with a full blog, 57 components, 12 colour themes, dark mode, SEO, and a contact form. Free and open source.

Hans Martens
1 menit baca astro-rocket

Getting Started with Astro Rocket — From Install to Live in Minutes

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

Hans Martens
02 Arsip

Semua Artikel

2 menit baca astro-rocket

Astro Rocket Configuration — Every Toggle, Theme, and Layout Option Explained

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

Hans Martens
2 menit baca astro-rocket

Hero Gradient — Brand to Black, Dark Mode Only

The Astro Rocket homepage hero has a gradient in dark mode — brand colour at the top fading to black at the bottom. In light mode, there is no gradient at all. Here is how it works.

Hans Martens
2 menit baca astro-rocket

Hero Scroll Indicator — Desktop-Only, Hides on Scroll

Astro Rocket'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.

Hans Martens
2 menit baca astro-rocket

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

Astro Rocket'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.

Hans Martens
2 menit baca astro-rocket

57 Components Ready to Use — Astro Rocket's Full UI Library

Astro Rocket 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.

Hans Martens
2 menit baca astro-rocket

Scroll Progress Bar — Reading Progress at a Glance

Astro Rocket 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.

Hans Martens
2 menit baca astro-rocket

Animations in Astro Rocket — Every Effect Explained

A complete breakdown of every animation built into Astro Rocket — page transitions, scroll-triggered counters, the reactive header, card hovers, and the full micro-animation library.

Hans Martens
2 menit baca astro-rocket

SEO in Astro Rocket: 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.

Hans Martens
2 menit baca astro-rocket

How Astro Rocket's Design System Works — Tokens, Colors, and 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.

Hans Martens
2 menit baca astro-rocket

The Hero Typing Effect in Astro Rocket — How It Works and How to Tune It

Astro Rocket'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.

Hans Martens
2 menit baca dark-mode

Why Astro Rocket Uses sessionStorage for Dark Mode (Not localStorage)

Dark mode is the default experience in Astro Rocket — and that's a deliberate design decision. Here's the reasoning, the code, and exactly how to change it.

Hans Martens

Ikuti Terus Ceritanya

Artikel baru, tips seduh, dan kabar dari kedai — langsung ke feed Anda.

RSS Feed Instagram Email