enable-shopify-cms

Configure Shopify metaobject CMS content with GraphQL queries for homepage and marketing pages.

45|12|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/vercel/shop --skill enable-shopify-cms
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: enable-shopify-cms
Source: https://github.com/vercel/shop/tree/main/packages/plugin/skills/enable-shopify-cms
Command: npx skills add https://github.com/vercel/shop --skill enable-shopify-cms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Wire Shopify metaobjects as the CMS for homepage and marketing page content, replacing hardcoded content with CMS-managed data and dynamic rendering.

Core Features & Use Cases

  • GraphQL queries for cms_homepage and cms_page metaobjects and transforms into domain types
  • Metaobject-driven content model for homepage hero, sections, and marketing pages
  • Seamless bootstrap of CMS content into Next.js storefront routes and rendering

Quick Start

Create a Shopify metaobject-backed CMS for homepage and marketing pages to drive content.

Frequently Asked Questions about enable-shopify-cms

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use Shopify metaobjects as a CMS for my homepage and marketing pages?

You can use Shopify metaobjects as a CMS by configuring cms_homepage and cms_page metaobjects to drive dynamic content rendering, replacing hardcoded content with managed data. This allows your storefront to fetch and display marketing content dynamically.

What GraphQL queries do I need to fetch Shopify CMS content for a storefront?

To fetch Shopify CMS content, you need to apply GraphQL queries for cms_homepage and cms_page metaobjects. These queries retrieve the content, which is then transformed into domain types for rendering and routing within your storefront client.

Can I use Shopify metaobjects to manage dynamic content in a Next.js storefront?

Yes, you can bootstrap Shopify metaobject-driven CMS content directly into Next.js storefront routes. This approach seamlessly integrates managed content models for homepage heroes and marketing sections into your dynamic rendering workflow.

How does locale handling and caching work when fetching Shopify metaobject content?

When fetching Shopify metaobject content, locale handling and caching are configured to work directly with the storefront client. This ensures that domain-type transforms and content routing properly support localized data and efficient retrieval.

What is the best way to structure a Shopify CMS content model for marketing pages?

The best way to structure a Shopify CMS content model for marketing pages is using metaobject-driven definitions for homepage heroes, sections, and marketing pages. This replaces hardcoded content with flexible, CMS-managed data.