skills.rest
Focus-GTS
Focus-GTSOFFICIAL
Explore all skills by this author →
Website𝕏@FocusGTSGitHub

storefront-setup

Scaffold Adobe Commerce storefronts on AEM Edge Delivery Services with Catalog Service API configuration.

Updated May 14, 2026
Search Tags:#aem edge delivery services#catalog service#adobe commerce#live search#graphql configuration#pdp plp blocks#storefront scaffolding
One-click install
npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill storefront-setup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: storefront-setup
Source: https://github.com/Focus-GTS/eds-content-ops-skills/tree/main/skills/storefront-setup
Command: npx skills add https://github.com/Focus-GTS/eds-content-ops-skills --skill storefront-setup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents slow, error-prone setup of an Adobe Commerce on AEM Edge Delivery Services (EDS) storefront by turning the end-to-end scaffolding and integration steps into a single guided workflow.

Core Features & Use Cases

  • Commerce Site Creator scaffolding guidance: Verifies repository structure and points you to the correct template outputs for commerce storefronts.
  • Catalog Service connection configuration: Sets required GraphQL endpoint and headers, then provides a concrete validation approach.
  • Product block enablement and launch readiness: Walks through PDP, PLP, mini-cart, and Live Search activation checks to ensure product data renders correctly.

Quick Start

Run the storefront-setup skill to scaffold the storefront, configure the Catalog Service API connection, and validate PDP/PLP rendering plus Live Search with a working setup report.

Frequently Asked Questions about storefront-setup

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

FAQPage Schema
How do I set up an Adobe Commerce storefront on AEM Edge Delivery Services?▼

To set up an Adobe Commerce storefront on AEM Edge Delivery Services, scaffold the Commerce Site Creator, configure the Catalog Service API connectivity, and enable PDP and PLP blocks for rendering. This workflow guides the entire process.

What is needed to configure the Catalog Service API for Adobe Commerce on EDS?▼

Configuring the Catalog Service API requires setting the correct GraphQL endpoint and required headers, then validating the connection to ensure product data renders correctly across your Edge Delivery Services storefront.

How do I enable PDP and PLP blocks in an EDS Adobe Commerce storefront?▼

Enabling PDP and PLP blocks involves configuring routes and block templates for product and listing pages, then verifying mini-cart behavior and validating Live Search activation for launch readiness.

Can I migrate an existing Adobe Commerce frontend to Edge Delivery Services?▼

Yes, you can migrate an existing Adobe Commerce frontend to Edge Delivery Services. The process includes scaffolding the new storefront structure, wiring product blocks, and validating GraphQL endpoint connectivity.

Why is my Live Search not working on my AEM EDS commerce storefront?▼

Live Search may fail if the Catalog Service API connection is invalid or required headers are missing. Validate the GraphQL endpoint configuration and run activation checks to ensure search functions properly.

Related Skills

Explore More Software Engineering Skills→
blueskies1818blueskies1818
1

shopify

Execute Shopify Admin and Storefront GraphQL API calls with curl and jq.

Community
Intermediate
Focus-GTSFocus-GTS

catalog-audit

Validate Adobe Commerce product data against Catalog Service GraphQL API and AEM Edge Delivery storefront.

Official
Advanced
shsteimershsteimer

Using the Block Collection and Block Party

Search Block Collection and Block Party for AEM Edge Delivery code patterns.

Community
Intermediate
lv7devlv7dev

shopify

Build Shopify apps, extensions, and themes using GraphQL/REST APIs and Liquid templates.

Community
Advanced