A free, fast Astro 7 starter theme to build anything on: 44 designed components, 12 colour themes, dark mode, and built-in i18n. https://vanutama.my.id en Sun, 09 Aug 2026 14:21:49 GMT https://vanutama.my.id/blog/footer-layouts/ https://vanutama.my.id/blog/footer-layouts/ Simple, minimal, stacked, centered and columns. The default builds its own columns from your nav, your tags and your projects, and shrinks back to a single row when a site has nothing to put in them. Mon, 03 Aug 2026 00:00:00 GMT Hans Martens astro-rocket features footer navigation customization https://vanutama.my.id/blog/newsletter-signup/ https://vanutama.my.id/blog/newsletter-signup/ A signup that posts to a Resend audience, in the footer of every page. On by default, and it tells you when its keys are missing instead of waiting for a visitor to find out. Mon, 03 Aug 2026 00:00:00 GMT Hans Martens astro-rocket features newsletter resend forms https://vanutama.my.id/blog/umami-analytics/ https://vanutama.my.id/blog/umami-analytics/ Umami works out of the box: private, cookieless web analytics. Set one environment variable and you get visitor numbers with no cookie banner. Sat, 25 Jul 2026 00:00:00 GMT Hans Martens astro-rocket features analytics umami privacy https://vanutama.my.id/blog/updating-astro-rocket/ https://vanutama.my.id/blog/updating-astro-rocket/ 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. Sat, 25 Jul 2026 00:00:00 GMT Hans Martens astro-rocket tutorial git maintenance https://vanutama.my.id/blog/youtube-embeds/ https://vanutama.my.id/blog/youtube-embeds/ Embed a YouTube video with one component. The page ships only a thumbnail; the player loads from youtube-nocookie.com on play, so Lighthouse stays at 100. Tue, 07 Jul 2026 00:00:00 GMT Hans Martens astro-rocket features components performance https://vanutama.my.id/blog/project-gallery-video-slides/ https://vanutama.my.id/blog/project-gallery-video-slides/ Project carousels now accept self-hosted video slides next to images. Here's how to use them, how they work, and why they don't cost a single Lighthouse point. Fri, 12 Jun 2026 00:00:00 GMT Hans Martens astro-rocket features projects performance https://vanutama.my.id/blog/custom-logo-and-site-name/ https://vanutama.my.id/blog/custom-logo-and-site-name/ Swap the auto-generated monogram for your own logo, rename your site, and choose a logo-with-wordmark or logo-only header — mostly from one config file. Tue, 09 Jun 2026 00:00:00 GMT Hans Martens astro-rocket branding logo customization https://vanutama.my.id/blog/stack-marquee/ https://vanutama.my.id/blog/stack-marquee/ Two rows of tech-stack cards scrolling opposite ways with no JavaScript. How the homepage marquee loop works, and why it is hidden on phones. Sun, 07 Jun 2026 00:00:00 GMT Hans Martens astro-rocket animation css components ux performance https://vanutama.my.id/blog/i18n-in-astro-rocket/ https://vanutama.my.id/blog/i18n-in-astro-rocket/ 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. Mon, 11 May 2026 00:00:00 GMT Hans Martens astro-rocket i18n internationalization tutorial https://vanutama.my.id/blog/giscus-comments/ https://vanutama.my.id/blog/giscus-comments/ Astro Rocket's blog comments are pluggable: pick Giscus, Cusdis, or the fully self-hosted Artalk. All three lazy-load on scroll — skip them and you pay nothing. Sat, 09 May 2026 00:00:00 GMT Hans Martens astro-rocket features blog comments giscus cusdis artalk https://vanutama.my.id/blog/independent-footer-menu/ https://vanutama.my.id/blog/independent-footer-menu/ Configure the footer menu independently of the header navigation: add a Privacy link, an Imprint, or a Cookie Policy without cluttering your main nav. Sat, 09 May 2026 00:00:00 GMT Hans Martens astro-rocket features footer navigation https://vanutama.my.id/blog/table-of-contents/ https://vanutama.my.id/blog/table-of-contents/ 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. Sat, 09 May 2026 00:00:00 GMT Hans Martens astro-rocket features blog navigation https://vanutama.my.id/blog/colour-mode-system/ https://vanutama.my.id/blog/colour-mode-system/ 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. Wed, 06 May 2026 00:00:00 GMT Hans Martens astro-rocket dark-mode design-system ux tutorial https://vanutama.my.id/blog/letter-glitch-astro-7/ https://vanutama.my.id/blog/letter-glitch-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. Mon, 04 May 2026 00:00:00 GMT Hans Martens astro-rocket astro react canvas tutorial https://vanutama.my.id/blog/astro-rocket-getting-started/ https://vanutama.my.id/blog/astro-rocket-getting-started/ How to install, configure, and deploy Astro Rocket — covering site.config.ts, brand colours, navigation, writing posts, and deploying to Vercel. Sun, 19 Apr 2026 00:00:00 GMT Hans Martens astro-rocket getting-started configuration vercel https://vanutama.my.id/blog/astro-rocket-configuration-guide/ https://vanutama.my.id/blog/astro-rocket-configuration-guide/ A walkthrough of every configuration option: 12 colour themes, OKLCH colours, typography, radius and shadow tokens, header styles, and dark mode. Sat, 18 Apr 2026 00:00:00 GMT Hans Martens astro-rocket configuration customization themes https://vanutama.my.id/blog/animations-in-astro-rocket/ https://vanutama.my.id/blog/animations-in-astro-rocket/ Every animation layer in Astro Rocket: the ease-out hero entrance, the staggered scroll-reveal cascade, and how it stays smooth with no JS animation library. Fri, 17 Apr 2026 00:00:00 GMT Hans Martens astro-rocket animation css ux performance https://vanutama.my.id/blog/component-library/ https://vanutama.my.id/blog/component-library/ A 44-component UI library: buttons, cards, dialogs, forms, data display, and full page-structure components. All accessible, all themed. Fri, 17 Apr 2026 00:00:00 GMT Hans Martens astro-rocket components ui velocity https://vanutama.my.id/blog/seo-in-astro-rocket/ https://vanutama.my.id/blog/seo-in-astro-rocket/ 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. Fri, 17 Apr 2026 00:00:00 GMT Hans Martens astro-rocket seo structured-data tutorial configuration https://vanutama.my.id/blog/hero-scroll-indicator/ https://vanutama.my.id/blog/hero-scroll-indicator/ Two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. How every part of the indicator works. Thu, 16 Apr 2026 00:00:00 GMT Hans Martens astro-rocket features ux animation https://vanutama.my.id/blog/scroll-progress-ring/ https://vanutama.my.id/blog/scroll-progress-ring/ The back-to-top button has a circular SVG ring that fills as you scroll: brand-coloured, theme-aware, and built from CSS and a small inline script. Wed, 15 Apr 2026 00:00:00 GMT Hans Martens astro-rocket features ux animation https://vanutama.my.id/blog/contact-form-resend-setup/ https://vanutama.my.id/blog/contact-form-resend-setup/ 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. Tue, 31 Mar 2026 00:00:00 GMT Hans Martens astro-rocket tutorial email vercel deployment https://vanutama.my.id/blog/scroll-progress-bar/ https://vanutama.my.id/blog/scroll-progress-bar/ A thin brand-coloured line that fills as you scroll. How the progress bar works, where it lives, and how to enable it on any page. Wed, 25 Mar 2026 00:00:00 GMT Hans Martens astro-rocket features header ux https://vanutama.my.id/blog/design-system-color-tokens/ https://vanutama.my.id/blog/design-system-color-tokens/ 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. Mon, 16 Mar 2026 00:00:00 GMT Hans Martens astro-rocket design-system tailwind customization tutorial https://vanutama.my.id/blog/hero-typing-effect/ https://vanutama.my.id/blog/hero-typing-effect/ 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. Mon, 16 Mar 2026 00:00:00 GMT Hans Martens astro-rocket components customization tutorial javascript