feat[typing-app]: バックエンドAPIを呼ぶクライアントを作成

Author: h-takeyeah

typing-app/docs/api-usage.md

@@ -6,8 +6,22 @@
 
 例えば、
 
-```ts
-// WIP
+```tsx
+import { client } from "@/libs/api";
+
+async function SomePageToGetRanking() {
+  const { data, error } = await client.GET("/scores/ranking");
+
+  if (error) {
+    return <div>Error</div>;
+  }
+
+  return (
+    <div>
+      ranking data: {JSON.stringify(data)}
+    </div>
+  );
+}
 ```
 
 のようにします。

typing-app/src/libs/api/index.ts

@@ -0,0 +1,4 @@
+import createClient from "openapi-fetch";
+import { paths } from "./v1";
+
+export const client = createClient<paths>({ baseUrl: process.env.API_URL });