はじめに
これはブロックシステムのテスト記事です。全てのカスタムブロックタイプが正しくレンダリングされることを確認します。
[@portabletext/react] Unknown block type "sectionHeading", specify a component for it in the `components.types` prop
情報カード
[@portabletext/react] Unknown block type "cardGrid", specify a component for it in the `components.types` prop
統計カード
[@portabletext/react] Unknown block type "cardGrid", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "sectionHeading", specify a component for it in the `components.types` prop
設計プロセス
[@portabletext/react] Unknown block type "stepFlow", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "sectionHeading", specify a component for it in the `components.types` prop
引用ブロック
[@portabletext/react] Unknown block type "pullQuote", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "pullQuote", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "divider", specify a component for it in the `components.types` prop
テーブル
[@portabletext/react] Unknown block type "tableBlock", specify a component for it in the `components.types` prop
コールアウト
[@portabletext/react] Unknown block type "customContainer", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "customContainer", specify a component for it in the `components.types` prop
ペルソナカード
[@portabletext/react] Unknown block type "cardGrid", specify a component for it in the `components.types` prop
機能カード
[@portabletext/react] Unknown block type "cardGrid", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "divider", specify a component for it in the `components.types` prop
まとめ
以上のブロックタイプを組み合わせることで、リッチな解説ページを効率的に作成できます。
- sectionHeading: セクション区切り
- cardGrid: 情報・統計・ペルソナ・機能カード
- stepFlow: ステップフロー
- pullQuote: 引用ブロック
- divider: 区切り線
- customContainer: コールアウト
- tableBlock: テーブル