Post Detail

Building with Actix Web and Leptos

API と UI を分離しつつ、Leptos SSR で最小構成を試した公開記事。

2026-03-19
Updated 2026-03-20
actix-webleptosTOC
Building with Actix Web and Leptos
AI Summary

Actix Web と Leptos の責務分離、ルーティング、SSR の組み合わせを短く整理した補助要約です。

Charts

Request latency by step
/assets/posts/actix-and-leptos/request-latency.csv / x: step, y: ms
01019283838241916bootstrapapissrrenderstepms
msstep
38bootstrap
24api
19ssr
16render
サンプル CSV から描画する確認用チャート。

Building with Actix Web and Leptos

バックエンドの API と静的配信を Actix Web で受け持ち、フロントエンドの描画は Leptos で構成する形を試しています。

最小ルーティング

  • /health
  • /posts
  • /posts/{slug}
  • /
  • /p/{slug}

いま見ているポイント

  • Actix を API と配信の境界に置く
  • Leptos を UI と HTML 生成に使う
  • Chart 用 CSV をメタデータから読み込んで描画する

このページでは chart を SVG と table の両方で確認し、記事本文に Mermaid 図も混ぜられるようにしています。

Mermaid preview

flowchart LR
    Core --> Backend
    Backend --> Frontend
Back to posts