An error occurred during deployment. Please fix:
I can see multiple issues in the file:
removeEdgesAndNodes is defined twice (lines with function removeEdgesAndNodes<T>)=> { instead of : T[]\) throughout the file causing syntax errorsConnection, ShopifyCart, ShopifyCollection, ShopifyProduct, TAGS, HIDDEN_PRODUCT_TAG, and all query/mutation strings are used but never importedLet me fix all of these:
I fixed the lib/shopify/index.ts file with the following changes:
TAGS, HIDDEN_PRODUCT_TAG from constants, Connection, ShopifyCart, ShopifyCollection, ShopifyProduct from types, and all query/mutation strings from their filesremoveEdgesAndNodes function (there were two definitions)=> { instead of : T[]\) throughout the fileHow to add this in my Shopify store theme
Great question! Since you're using headless Shopify (Option 1), this Next.js site runs separately from your Shopify theme. Here's how to set it up:
| Component | Where it Lives |
|---|---|
| Frontend (what customers see) | Your Next.js site on Vercel |
| Backend (products, orders, checkout) | Shopify Admin |
Your Shopify theme is essentially replaced by this custom Next.js frontend.
nuvira-eco.vercel.app)nuvriaeco.com)In your Shopify Admin:
You can either:
checkout.nuvriaeco.comYou still manage everything in Shopify:
Your original Shopify theme remains intact at nuvriaeco.myshopify.com. You can switch back anytime if needed.
Would you like me to help you publish the site to Vercel now, or do you have questions about any of these steps?
Yes