Skip to content

使用例

openapi-fetchを他のフレームワークやライブラリと組み合わせて使用するコード例

React + React Query

See openapi-react-query

React + SWR

See swr-openapi

Next.js

Next.js は、React向けの最も人気のあるSSR(サーバーサイドレンダリング)フレームワークです。React Query はクライアントサイドでのデータ取得に推奨されていますが、この例では、Next.jsのサーバーサイドでのデータ取得機能を利用し、ビルトインのキャッシュ機能を活用する方法を示しています。

GitHubでコード例を見る

Svelte / SvelteKit

SvelteKit の自動型推論機能は、クライアントサイドでのデータ取得やページデータの取得において、openapi-fetchの型を簡単に活用できます。また、追加のライブラリを必要とせずに動作します。SvelteKitは、ロード関数内でカスタムフェッチを使用することを推奨しており、これはフェッチオプションで実現できます。

注: SvelteKitを使用しない場合でも、src/routes/+page.svelte 内のルート例は、SvelteKitの機能を使用しておらず、どのようなセットアップにも適用可能です。

GitHubでコード例を見る

Vue 3

Vue 3 は大規模なエコシステムを持つ人気のフレームワークです。Vue 3のComposition APIは、関心の分離やリアクティビティを容易にするため、openapi-fetchと非常に相性が良いです。

GitHubでコード例を見る


他の例も歓迎しています!あなたの使用例をPRとして提出してください。