📝 Shopify Integration Documentation Needs Complete Update - Most Instructions Outdated

[kaanmertkoc]

Overview

The Shopify integration guide (https://vercel.com/docs/integrations/ecommerce/shopify) requires a major update. While the Vercel deployment section (updated July 2024) remains current, the Shopify-specific sections contain outdated information.

Outdated Sections

The following major sections need comprehensive updates:

1. Configure Shopify

   • Shopify account and storefront setup instructions
   • Shopify Headless theme installation steps
   • Shopify Headless app installation process

2. Shopify Configuration

   • Branding and design customization steps
   • Webhook setup and configuration
   • CMS functionality setup

3. Integration Steps

   • All Shopify API and authentication-related instructions
   • Storefront access token setup
   • Webhook event handling instructions

What Works

• The Vercel deployment section (updated July 2024)
• Basic environment variable configuration

Impact

This outdated documentation affects new users trying to integrate Shopify with Vercel, potentially leading to confusion and implementation issues.

---

Please let me know if you need any specific examples or if I can provide additional information to help with the update.

[dracoalv]

In fact, it is possible to reach the end of the tutorial with his proposal, however there are some things that were not very well explained. I had problems where the ThreeItemsGrid component together with this call

const homePageItems = await getCollectionProducts({ collection: 'hidden-homepage-featured-items' })

It was only visible in production mode, while the carousel displays the products normally.

the other problem was that

const menu = await getMenu('next-js-frontend-header-menu');

It didn't bring any data. I'm not sure if the problem is with Shopify, as I have no knowledge of the platform in question.

I feel like they neglect this information, how to add the menu items