Hyunseok Byun · ビョン・ヒョンソク
← indexkataru
kataru — SaaS型ブログプラットフォーム
kataru — SaaS型ブログプラットフォーム
kataru — SaaS型ブログプラットフォーム
01 / 03
Blog·休止中·2025-08: 進行中

kataru

SaaS型ブログプラットフォーム

velog · medium · tistory のようなブログサービスを構築しました。 Hono をメインに、admin は同じ認証体系で Bun + React で実装。 インフラは Cloudflare Workers + R2 + D1 と少量の Docker インスタンスで運用しています。

技術スタック

Next.js 15HonoBunCloudflareDrizzleMySQL

制作の動機

会社で SaaS を作る楽しさから、個人プロジェクトとしても挑戦してみたくなりました。 velog や medium のような SaaS 型ブログも自作できる自信を得て、Hono でどこまでフルスタックを攻められるか試したかったのです。

コメント

Hono + React SSR + Island でフルスタックを自前構築しました。 Astro から学んだ island を適用する絶好の機会で、実際に成功しました。

主な特徴

  • 01初期は Cloudflare Workers 単一構造 → FE/BE/Admin 3-repo へ分離進化 (管理画面は CSR で別)
  • 02Hono + React SSR + Island アーキテクチャ (Astro から着想)、3 プロセス並列 dev 環境
  • 03Cloudflare Free Tier でコスト 0 円運用、smart_placement で D1 近接リージョン自動配置
  • 04自前の image-convert-server (Lightsail) で Cloudflare R2 の sharp 非対応を回避
  • 05rehype-remark で双方向 md ↔ html エディタ (contentEditable + dnd-kit)
  • 06kataru.dev/<userSubpath> マルチテナント (domain.service + gateway.route で分岐)

備考

  • ·2026 Q4 に再始動予定: スタック再点検 + 速度・最適化を考慮して再構築
  • ·今回はインフラまで正確に実装し、custom domain にも対応できるようにしたい
  • ·エディタ / マークダウンモジュールを BBlog に移植 (BBlog のコード供給源)