ant.seal.dev

「Hono」でブログを作った話

2025年06月16日

「Hono」と、「Bun」を使って、ミニマルなブログを作ってみました。

🧰 使用技術

  • Bun - 高速なJSランタイム(Node互換)
  • Hono - 超軽量なWebフレームワーク

🚀 プロジェクトの初期化

bun create hono@latest

🎨 スタイルは hono/css で定義

このブログでは、スタイリングに hono/css を使っています。これは Hono 公式が提供する軽量な CSS-in-JS 機能です。

🧩 HonoXを使ってコンポーネント化

より整理されたコードを目指して、HonoX も導入しました。これは Next.js ライクなファイルベースルーティング+JSX対応を提供する、Hono公式の小規模フレームワークです。

🔗 参考リンク