説明
Weaverseは、ヘッドレスコマースのためのフレームワークであるShopify Hydrogen専用に設計されたビジュアルページビルダーおよびテーマカスタマイザーです。チームは、ドラッグ＆ドロップのシンプルさ、Reactコンポーネント、AI自動化を使用して、超高速のヘッドレスストアフロントを構築できます。これは、ShopifyのeコマースバックエンドとカスタムReactフロントエンドをつなぐものです。
開発者向けに構築されたWeaverseは、既存のRemix/HydrogenプロジェクトにインストールできるTypeScript SDKとして提供され、特定のセクションやページに対して段階的に採用できます。メタフィールドやメタオブジェクトを含むShopifyのデータ構造とネイティブに統合されており、商人がコードに触れずにコンテンツを更新できるように、Shopifyテーマエディターを反映したセクションベースのビジュアルエディターを提供します。AIアシスタントは、ページレイアウトやセクション設定を瞬時に生成できます。
Weaverseはパフォーマンスを重視しています：コンテンツはエッジでキャッシュされ、画像は自動的に最適化され、Shopify CDNを介して提供されることでCore Web Vitalsを改善します。また、SDKは軽量に保たれているため、Hydrogenアプリはサーバーサイドでレンダリングされ、迅速に動作します。最新のHydrogenリリースとの互換性が維持され、Hydrogen販売チャネルをサポートする任意のShopifyプランで機能し、無料プランも提供しています。注：WeaverseはWeverseエンターテインメントプラットフォームとは提携していません。
Weaverseの主要機能
ビジュアルでセクションベースのドラッグ＆ドロップページビルダー
Shopify Hydrogen専用に構築（ヘッドレス）
既存のRemix/Hydrogenプロジェクト用のTypeScript SDK
ネイティブShopify統合（ストアフロントAPI、メタフィールド、メタオブジェクト）
ページレイアウトとセクション設定のためのAIアシスタント
エッジキャッシングと自動画像最適化
コードに触れず、gitワークフローを壊さずに商人が編集可能
最新のHydrogenリリースとの互換性が維持される
Weaverseの使い方は？
SDKをインストール：Weaverseを新しいまたは既存のRemix/Hydrogenプロジェクトに追加します。
Shopifyに接続：ストアフロントAPI、メタフィールド、メタオブジェクトと統合します。
ページを構築：ビジュアルエディターとReactコンポーネントを使用してストアフロントセクションをデザインします。
AIアシスタントを使用：レイアウトとセクション設定を瞬時に生成します。
公開：最適化されたエッジキャッシュされたヘッドレスストアフロントをショッパーに提供します。
Weaverseの使用例
- ヘッドレスストアフロントの構築
- 商人のコンテンツ編集
- エージェンシーと開発者のワークフロー
- パフォーマンス最適化
