data-fetching-patterns とは?
レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。 ソース: farming-labs/fm-skills。
レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。
コマンドラインで data-fetching-patterns AI スキルを開発環境にすばやくインストール
ソース: farming-labs/fm-skills。
Data fetching is how your application retrieves data from APIs or databases. The pattern you choose affects performance, user experience, and code complexity.
| Server (build) | Build time | Static content (SSG) | | Server (request) | Each request | Dynamic content (SSR) | | Client (browser) | After hydration | Interactive, real-time | | Edge | At CDN edge | Personalization, A/B tests |
Stream HTML to the browser as soon as each part of your UI is ready—even if it's out of order—letting users see content without having to wait for everything.
レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。 ソース: farming-labs/fm-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/farming-labs/fm-skills --skill data-fetching-patternsレンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。 ソース: farming-labs/fm-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/farming-labs/fm-skills --skill data-fetching-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/farming-labs/fm-skills