Merge pull request #48 from su-its/feat/frontend/create-api-client

feat[typing-app]: バックエンドAPIを呼ぶクライアントを作成
su-its · Mar 31, 2024 · 3a5e372 · 3a5e372
2 parents 62dfc5d + b18a939
commit 3a5e372
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/typing-app/docs/api-usage.md b/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>
+  );
+}
 ```
 
 のようにします。

diff --git a/typing-app/src/libs/api/index.ts b/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 });