Skip to content
Acecore

Articles tagged "Astro"

A list of articles related to the tag "Astro". 16 articles

Designing an Astro + Cloudflare Website That Can Grow Feature by Feature
by Gui

Designing an Astro + Cloudflare Website That Can Grow Feature by Feature

How we combined Astro and Cloudflare Pages with an AI contact chat, Sveltia CMS, multilingual blog publishing, service CTA handoff, safe Markdown rendering, and Cloudflare-only comments as one extensible website architecture.

Sveltia CMS Setup Guide
by Gui

Sveltia CMS Setup Guide

A practical guide to adding Sveltia CMS to an Astro or static site, covering the GitHub backend, OAuth Worker, media uploads, multilingual operations, CMS pull requests, and lessons from real fixes.

Safely Rendering Markdown Links in AI Chat Answers
by Gui

Safely Rendering Markdown Links in AI Chat Answers

An implementation note on converting Markdown links in AI chat answers into safe HTML. By separating whitespace-tolerant parsing, href trimming, allowlist validation, DOM rendering, fallbacks, and test cases, the same pattern can be reused on other sites.

サービスCTAから問い合わせフォームへ文脈を引き継ぐ技術設計
by Gui

サービスCTAから問い合わせフォームへ文脈を引き継ぐ技術設計

サービスページで読んでいた文脈を問い合わせフォームへ引き継ぐための実装設計です。AstroサイトでのミニCTA、URLパラメータ契約、フォーム種別の初期選択、件名prefill、多言語URL、GA計測、生成HTML確認まで、他サイトでも使える形で整理します。

We Launched Hatt’s Homepage
by Gui

We Launched Hatt’s Homepage

We launched Hatt’s Homepage, a personal site that brings together artwork, novels, and VRChat avatar and gimmick creation. Built with Astro, Sveltia CMS, and Pagefind, it is designed as a place Hatt can keep publishing creative work over time.

Astro Site Quality Improvement Guide, Part 2 - Final Adjustments That Achieved Perfect 100s Across All PageSpeed Insights Categories
by Gui

Astro Site Quality Improvement Guide, Part 2 - Final Adjustments That Achieved Perfect 100s Across All PageSpeed Insights Categories

A follow-up to the previous article covering the final refinements: disabling Cloudflare Web Analytics, deferring GA4 and search UI loading, reaching perfect 100s across all PageSpeed Insights categories on both mobile and desktop, cleaning up Search Console breadcrumbs and indexing, migrating to shared SVG icons, and documenting the optimizations that were tried but not adopted.

Astro Site Quality Improvement Guide — Achieving PageSpeed Mobile Score of 99
by Gui

Astro Site Quality Improvement Guide — Achieving PageSpeed Mobile Score of 99

A complete record of improving an Astro + UnoCSS + Cloudflare Pages site across four axes — performance, SEO, accessibility, and UX — achieving a PageSpeed Insights mobile score of 99 and perfect 100 on all desktop metrics.

Monkey Testing Your Website with GitHub Copilot × Playwright: A Practical Guide
by Gui

Monkey Testing Your Website with GitHub Copilot × Playwright: A Practical Guide

A hands-on guide to systematically monkey testing a static site using VS Code Agent Mode (GitHub Copilot) combined with Playwright browser tools. Covers test design methodology, discovered bugs and their fixes, and improvement recommendations.

Pitfalls and Solutions for Astro View Transitions — A UX and Code Quality Improvement Guide
by Gui

Pitfalls and Solutions for Astro View Transitions — A UX and Code Quality Improvement Guide

A practical guide covering solutions for scripts breaking with Astro View Transitions, introducing Pagefind full-text search, improving TypeScript type safety, centralizing constants, and more to improve UX and code quality.

A Practical Guide to Making Your Astro Site WCAG AA Compliant
by Gui

A Practical Guide to Making Your Astro Site WCAG AA Compliant

A comprehensive guide to accessibility improvements implemented on an Astro + UnoCSS site. Covers aria attributes, contrast, focus management, form validation, screen reader support, and everything needed for WCAG AA compliance.

SEO Improvement Guide: Implementing Structured Data and OGP on Your Astro Site
by Gui

SEO Improvement Guide: Implementing Structured Data and OGP on Your Astro Site

A step-by-step guide to properly implementing JSON-LD structured data, OGP, sitemaps, and RSS on an Astro + Cloudflare Pages site. Covers everything from Google rich result support to RSS feed optimization with practical SEO improvements.

Making an Astro 6 Site Support 9 Languages — Auto-Translating 168 Blog Posts and Multilingual Architecture
by Gui

Making an Astro 6 Site Support 9 Languages — Auto-Translating 168 Blog Posts and Multilingual Architecture

A record of making an Astro 6 + UnoCSS + Cloudflare Pages site support 9 languages. Covers the entire process from UI internationalization to translating 168 blog posts and configuring Pages CMS for multilingual content.

Practical Techniques for Achieving PageSpeed Mobile 99 on Your Astro Site
by Gui

Practical Techniques for Achieving PageSpeed Mobile 99 on Your Astro Site

Optimization techniques used to achieve PageSpeed Insights Mobile 99 on an Astro + UnoCSS + Cloudflare Pages site. Covers CSS delivery strategy, font configuration pitfalls, responsive images, AdSense lazy loading, and cache settings.

From VitePress to Starlight — Unifying Documentation Site Frameworks
by Gui

From VitePress to Starlight — Unifying Documentation Site Frameworks

A record of migrating a business plan document built with VitePress + UnoCSS to Astro + Starlight, unifying the framework across two projects. Also covers migrating Mermaid diagrams to CDN.

Search articles