本文へ移動

§24-06Developer

API ドキュメント (Algolia 検索付)

一覧・説明・コード例の 3 ペインで API を解説する。

開発者が目的のエンドポイントを探し、すぐに試せる形で情報を得る。説明とコード例を往復する手間を減らす。

実装のポイント

左にエンドポイント一覧、中央に説明、右にコード例の 3 ペインにし、狭い画面では一覧をドロワーへ畳む。検索は Cmd+K で開く。

特徴
  • キーボード操作
デモで使っているもの
  • lucide-react
ソース
api-docs.tsx