·data-fetching-patterns
{}

data-fetching-patterns

kinfe123/fm-skills

レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。

3インストール·0トレンド·@kinfe123

インストール

$npx skills add https://github.com/kinfe123/fm-skills --skill data-fetching-patterns

SKILL.md

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.

レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。 ソース: kinfe123/fm-skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/kinfe123/fm-skills --skill data-fetching-patterns
カテゴリ
{}データ分析
認証済み
初回登録
2026-02-11
更新日
2026-02-18

クイックアンサー

data-fetching-patterns とは?

レンダリング時にフェッチ、フェッチしてからレンダリング、フェッチしながらレンダリング、サーバー側のデータフェッチなどのデータフェッチ戦略について説明します。データ読み込みの実装、読み込みパフォーマンスの最適化、またはクライアント データ フェッチとサーバー データ フェッチの選択を行う場合に使用します。 ソース: kinfe123/fm-skills。

data-fetching-patterns のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/kinfe123/fm-skills --skill data-fetching-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/kinfe123/fm-skills