iskurbanov / shopify-next.js-tailwind Goto Github PK

Any helpful suggestion to how I can disable or hide unavailable variant options? (Current ux that displayed "sold out" after options are selected is not great)

When you have a product without any variants, the page still shows a variant switcher which gives the vartiant title "Title" and a variant value "Default Title". It also appears in the cart. I tried disabling it with some if conditions, but it's not a good solution. Is that the way it's supposed to be?

Hello guys.

I get stuck in the lesson 12 because the Shopify Graph Api was rejecting my requests:

After some investigation, I notice the "x-shopify-storefront-access-token" was undefined.

Next.js does not pass env variables to the browser now, except if it's prefixed with NEXT_PUBLIC_... everything works
after I changed the env to:

NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN
NEXT_PUBLIC_SHOPIFY_ACCESS_TOKEN

Just wondering if you could outline what you mean with the the Mar 2022: Hydrogen + SWR Update?

Not seeing a lot of Hydrogen + Next.js information online. Would love to see a high level view of how you're working this into the course if possible.

I fetch products with the following variants Color and Size. Adding the first item is no problem. On changing the color variant and leaving the size variant as is, it adds it as an existing item in cart. I don't know if this is the expected behavior. Say the color is green size is 250ml in cart, when i change the color to blue variant and add to cart, it adds to the green variant in cart

Hi, i want try launch your repo but got :

$ next build
info - Checking validity of types...
warn - No ESLint configuration detected. Run next lint to begin setup
info - Creating an optimized production build...
info - Compiled successfully
info - Collecting page data...
node:internal/process/promises:246
triggerUncaughtException(err, true /* fromPromise */);
^

Error: Cannot find module 'next/dist/shared/lib/is-plain-object.js'
Require stack:

• C:\shopifyApp\shopify-nextjs.next\server\pages_document.js

I do npm install etc but no change

Can you help thanks

Using publicly exposed environment variables for the access token and store domain is not a good idea as they will be included in the build and are easily accessed by the client.

Hence, createCheckout and updateCheckout in src/lib/shopify.ts should be moved to api routes as they are run client-side.
The other queries are run server-side (getStaticProps), so they can utilize env variables.

Maybe that was mentioned in the course, but I believe a lot of people might use this project as a starting template. So maybe it's important to mention it somewhere in the readme.

Great material otherwise, I learned a lot from just exploring the repo.