vercel/sveltekit-commerce

SvelteKit Commerce

sveltekit-commerce's Issues

Image Optimization

We could consider adding https://github.com/xiphux/svimg for handling images, or similar.

Opps or oops?

Grammar error on 404 page.

Opps can mean something else 😅

Comparision vs NextJs Commerce

Can't believe how much simpler this code is vs your NextJs Commerce! Great job. Might have to learn Svelte now to use this. NextJs Commerce is way too complex.

Can't make it work 😅

Okay so, I deployed the project to Vercel. All running. But now that I want to connect my Shopify store, I have troubles finding the API variables that works. I created an App in my store, set the storefront api for VITE_SHOPIFY_STOREFRONT_API_TOKEN and my admin api for VITE_SHOPIFY_API_ENDPOINT. Still, I receive an error when I load the page (err 500). I have a test product in my store. What else I'm missing? Thanks in advance.

bug: august sveltekit breaking `routes` and `load` changes

Opening an issue around the breaking changes in the latest version of SvelteKit.

• index.svelte -> +page.svelte
• Eliminate context="module"
• +server.js for backend
• etc...

Is there already an advocate at Vercel taking on these template updates? Or is the intent for the community to maintain breaking changes moving forward?

Thanks for any guidance!

Search functionality does not work due to API limitations

In the getAllProducts() function, there is no logic to support Shopify's pagination requirement.

As a result, the store can only search through the first 250 products.

Optimistic updates or loading state on add to cart increment

Could be a nice addition 😄

License?

Also another sveltekit commerce site to check out.

https://github.com/itswadesh/svelte-commerce

Demo version on vercel doesn't 'always' update cart

Strange enough, if you open your browser in private mode and add the first product "Quarter Zip" to your cart and then within the cart side modal, the buttons (remove / or add more item) don't work. It send requests but do not update the cart value.

The addToCart mutation now uses merchandiseId instead of variantId

First off I appreciate that you've shared this template. It's helped me greatly in setting up a Sveltekit-powered Shopify storefront. That said, it could probably stand for an update soon. The API is still defaulting to /2021-10/ version of the API from October 2021.

Most of the API I've touched has remained the same, but I've been roadblocked the last few days because one key name has changed...

In shopify.js the addToCart mutation key variantId is now merchandiseId.

Here's the full modification to the function:

export async function addToCart({ cartId, merchandiseId }) {
    return shopifyFetch({
        query: `
      mutation addToCart($cartId: ID!, $lines: [CartLineInput!]!) {
        cartLinesAdd(cartId: $cartId, lines: $lines) {
          cart {
            lines(first: 100) {
              edges {
                node {
                  id
                  quantity
                  merchandise {
                    ... on ProductVariant {
                      product {
                        title
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    `,
        variables: {
            cartId: cartId,
            lines: [
                {
                    merchandiseId: merchandiseId,
                    quantity: 1
                }
            ]
        }
    });
}

Just thought I'd share to help other folks beating their head against a wall like I have the last few days :)

add other headless ecommerce options