Explains data fetching strategies including fetch on render, fetch then render, render as you fetch, and server-side data fetching. Use when implementing data loading, optimizing loading performance, or choosing between client and server data fetching.
Quickly install data-fetching-patterns AI skill to your development environment via command line
Source: 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.
Explains data fetching strategies including fetch on render, fetch then render, render as you fetch, and server-side data fetching. Use when implementing data loading, optimizing loading performance, or choosing between client and server data fetching. Source: farming-labs/fm-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/farming-labs/fm-skills --skill data-fetching-patternsExplains data fetching strategies including fetch on render, fetch then render, render as you fetch, and server-side data fetching. Use when implementing data loading, optimizing loading performance, or choosing between client and server data fetching. Source: farming-labs/fm-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/farming-labs/fm-skills --skill data-fetching-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/farming-labs/fm-skills