·canvas-data-fetching
*

canvas-data-fetching

JSON:API および SWR パターンを使用して、Canvas コンポーネント内の Drupal コンテンツを取得してレンダリングします。コンテンツ リストの構築、SWR との統合、または関連エンティティのクエリを実行するときに使用します。 JsonApiClient、DrupalJsonApiParams、関係処理、フィルター パターンについて説明します。

0インストール·0トレンド·@acquia

インストール

$npx skills add https://github.com/acquia/nebula --skill canvas-data-fetching

canvas-data-fetching のインストール方法

コマンドラインで canvas-data-fetching AI スキルを開発環境にすばやくインストール

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

ソース: acquia/nebula。

Use SWR for all data fetching. It provides caching, revalidation, and a clean hook-based API.

To fetch content from Drupal (e.g., articles, events, or other content types), use the autoconfigured JsonApiClient from the drupal-canvas package combined with DrupalJsonApiParams for query building.

Important: Do not mock JSON:API resources in Storybook stories. Components that fetch data will display their loading or empty states in Storybook.

JSON:API および SWR パターンを使用して、Canvas コンポーネント内の Drupal コンテンツを取得してレンダリングします。コンテンツ リストの構築、SWR との統合、または関連エンティティのクエリを実行するときに使用します。 JsonApiClient、DrupalJsonApiParams、関係処理、フィルター パターンについて説明します。 ソース: acquia/nebula。

引用可能な情報

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

インストールコマンド
npx skills add https://github.com/acquia/nebula --skill canvas-data-fetching
ソース
acquia/nebula
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-22
更新日
2026-03-10

Browse more skills from acquia/nebula

クイックアンサー

canvas-data-fetching とは?

JSON:API および SWR パターンを使用して、Canvas コンポーネント内の Drupal コンテンツを取得してレンダリングします。コンテンツ リストの構築、SWR との統合、または関連エンティティのクエリを実行するときに使用します。 JsonApiClient、DrupalJsonApiParams、関係処理、フィルター パターンについて説明します。 ソース: acquia/nebula。

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

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

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

https://github.com/acquia/nebula