Personal technical blogs should be the experimental ground for the latest technologies.

In January 2026, this blog HonoGear underwent a major renewal. The theme is “A blog created with AI agents and found by AI search.”

This time, I will reveal all the behind-the-scenes, from implementing hybrid rendering utilizing Astro 5’s new feature Server Islands , to AEO (Answer Engine Optimization) strategies conscious of Perplexity and SearchGPT.

1. Hybrid Rendering with Astro 5 Server Islands

Until now, the justice of Jamstack was to “make everything static at build time,” but implementing dynamic features (view counts, likes, rankings) required client-side JS, which tended to become a performance bottleneck.

Server Islands , officially introduced in Astro 5, solve this problem.

What are Server Islands?

Comparison Before and After Implementation

In this blog, “we maintain Lighthouse scores at a perfect 100 by turning the view count counter (ViewCounterIsland.astro) and the popular article ranking (RankingBoardIsland.astro) into Server Islands.

2. AEO (Answer Engine Optimization) Strategy

From “Googling” to “Asking AI.” Accompanying the change in search behavior, the structure of the blog also needs to evolve.

Automatic Injection of Structured Data

We automatically inject JSON-LD (Schema.org) into all articles. Particularly important is the FAQPage schema. By marking up the key points of the article in Q&A format, it becomes easier for AI search engines to cite them as “answers.”

Perplexity

“According to an article in HonoGear, the advantages of Astro 5 Server Islands consist in reducing JS bundle size and improving TTFB.”

We are aiming to be cited like this.

Context Provision via Chat UI

We place a <FAQSection /> component inside articles and provide Q&A visually with a chat UI as well. This is not only easy for readers to read, but also effective in increasing the consistency between JSON-LD and content.

3. Design System “Glassmorphism 2.0”

To create an experience that “feels good to read,” we also refreshed the design.

• Noise Texture : By putting fine noise on the background, we expressed an analog texture (touch like paper) despite being digital.
• Immersive Slides : By placing SummarySlides at the beginning of articles, even busy readers can grasp essentials in a few seconds.
• Micro-interactions : Introduced Framer Motion to like buttons and link cards to create the joy of touching.

4. Security and Credibility

While content generated by AI is increasing, the credibility of “who wrote it when” becomes important.

• LastVerified Badge : To guarantee the freshness of information in the article, the final confirmation date is specified. This is automatically updated in conjunction with link-break checks by GitHub Actions.
• IP Guard Middleware : Block unauthorized bots and attack traffic through IP restriction at the edge.
• Strict CSP : Apply a robust Content Security Policy that prevents unintended script execution while allowing embeds like YouTube.

Summary

This update is not a mere technical rewrite. It is an attempt to redefine “the presence of blogs in the AI era.”

The power of Astro 5 and autonomous operation by AI agents (Antigravity). I believe that by combining these two, personal blogs can become more interesting and stronger.