フロントから呼べる最小 API を作る PR として、GET / POST を持つ Hono の入口を作る段階。
カリキュラムスタートこの STEP で作るもの
PR 目安
最小の GET / POST エンドポイントと fetch 接続までで止める。
例: feature/phase3-step4-hono-minimum-api
できるようになること
バックエンドAPI設計(Hono)
HonoでRESTエンドポイントを設計し、Zodバリデーション・JWTミドルウェア・エラーハンドリングを実装するパターンを理解する
Hono で GET エンドポイントを作る
pnpm workspace に api パッケージを追加し、Hono で最小の GET /todos エンドポイントを立ち上げる
POST でリクエストボディを受け取る
Hono で POST エンドポイントを作り、JSON ボディのパース・Zod による入力検証・新規作成のレスポンスを実装する
React から fetch で Hono API を呼ぶ
React の useEffect と fetch で GET/POST を呼び、ローディング・エラー状態を扱って UI を API と同期させる
curl / REST Client で API を手動確認する
UI を経由せず curl や VS Code の REST Client 拡張で API を直接叩き、正常系と異常系の挙動を確認する