ndimatteo / hull Goto Github PK

Hello,
thanks for the great boilerplate.

ISSUE:
I cannot add products to the cart.

URL: https://hull-shopify-starter-xi-blush.vercel.app/

Reproduce:

• Add product at Homepage (see console in browser then)
• Add product in the productdetails page (see console in browser then)

Access to XMLHttpRequest at 'https://h4xropcb.apicdn.sanity.io/v2021-03-25/data/query/production?query=%0A%20%20%20%20%20%20*%5B_type%20%3D%3D%20%22productVariant%22%20%26%26%20variantID%20%3D%3D%2042055549878491%5D%5B0%5D%7B%0A%20%20%20%20%20%20%20%20%22product%22%3A%20*%5B_type%20%3D%3D%20%22product%22%20%26%26%20productID%20%3D%3D%20%5E.productID%5D%5B0%5D%7B%0A%20%20%20%20%20%20%20%20%20%20title%2C%0A%20%20%20%20%20%20%20%20%20%20%22slug%22%3A%20slug.current%2C%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%22id%22%3A%20variantID%2C%0A%20%20%20%20%20%20%20%20title%2C%0A%20%20%20%20%20%20%20%20price%2C%0A%20%20%20%20%20%20%20%20%22photos%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%22cart%22%3A%20*%5B_type%20%3D%3D%20%22product%22%20%26%26%20productID%20%3D%3D%20%5E.productID%5D%5B0%5D.cartPhotos%5B%5D%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20forOption%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22default%22%3A%20cartPhoto%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%22alt%22%3A%20coalesce(alt%2C%20asset-%3EaltText)%2C%0A%20%20asset%2C%0A%20%20crop%2C%0A%20%20customRatio%2C%0A%20%20hotspot%2C%0A%20%20%22id%22%3A%20asset-%3EassetId%2C%0A%20%20%22type%22%3A%20asset-%3EmimeType%2C%0A%20%20%22aspectRatio%22%3A%20asset-%3Emetadata.dimensions.aspectRatio%2C%0A%20%20%22lqip%22%3A%20asset-%3Emetadata.lqip%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20options%5B%5D%7B%0A%20%20%20%20%20%20%20%20%20%20name%2C%0A%20%20%20%20%20%20%20%20%20%20position%2C%0A%20%20%20%20%20%20%20%20%20%20value%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20' from origin 'https://hull-shopify-starter-xi-blush.vercel.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

it is related to this query

*[_type == "productVariant" && variantID == 42055549878491][0]{
        "product": *[_type == "product" && productID == ^.productID][0]{
          title,
          "slug": slug.current,
        },
        "id": variantID,
        title,
        price,
        "photos": {
          "cart": *[_type == "product" && productID == ^.productID][0].cartPhotos[]{
            forOption,
            "default": cartPhoto{
              
  "alt": coalesce(alt, asset->altText),
  asset,
  crop,
  customRatio,
  hotspot,
  "id": asset->assetId,
  "type": asset->mimeType,
  "aspectRatio": asset->metadata.dimensions.aspectRatio,
  "lqip": asset->metadata.lqip

            },
          }
        },
        options[]{
          name,
          position,
          value
        }
      }

hi, I clone https://github.com/ndimatteo/HULL.git and deploy on sanity. The apps is running OK on vercel. However I cannot run it locally for development. I get this error: error - Failed to load next.config.js, I have tried using node 12.x, 14.x, 16.x but I get same error. When I run vercel env pull, I get this error: Error! The Secret "sec_nMOI8Xhg6lD5DndLXHpcdPDM" is not decryptable. I am new and I hope someone knows how to help me fix this.

I run it like this and it builds: vercel -e NODE_ENV=development -e SECRET=sec_nMOI8Xhg6lD5DndLXHpcdPDM

I'm trying to implement a search component based on product titles to the collection page. (working with a large number of products) Wondering if you have any tips/best practice ideas to implement this in Hull? My first thought is to extend the filter component.

Could also be a useful core feature as well? Thanks for your work on this starter, it's been a huge help.

theme deploy --env=production ─╯

invalid environment [production]: (invalid theme_id)

production:
password: shptka_c2d807afd591c92d93xxxxxxxxxx
theme_id: "theme.liquid"
store: open-my-shopify-com.myshopify.com

The guideline should highlight the fact that you should install sanity globally before being able to run npm install && sanity init otherwise it will throw command not found: sanity.

When updating products I have 2 private apps that should feed 2 different projects. When the app that is configured with the hull sanity studio is selected in available sales channels and apps for the product the sync works, but the problem is that products with the other app selected also sync to sanity.

Hi there,

Thanks again for the good work.

I was curious to know why only some fields on a product are not stored in Sanity? For example I need to retrieve things such as "Product type", "Tags" and "Collections" from Shopify.

As far as I can tell it's not possible to retrieve it via the metafields.json but I can see that it does come up when I request product.json

Do you have any thoughts on why you're not using the other endpoint, and can shine a light on what trouble I might potentially face by changing the endpoint?

Hi,

I scratched my head a bit over this one.

Couldn't find anywhere in the documentation where it said that the projectId in sanity.json needed to be changed, so couldn't understand why I was locked out of sanity locally but not on my live environment.

No easy way of having an .env variable in the .json file I assume?

Is it possible to use color input for text editor to change the color of specific words? like the example

Hi again,

I see that it is stated in the documentation that "Live preview from Sanity" is possible and I was wondering if you could provide some insight into how to best set this up?

I'm quite new to Next.js as I come from Gatsby where things are done in a completely different way, and is also the primary reason for my recent switch to NextJS where it is my understanding that I have more options.

Now, I've deployed my project to Vercel and it's working fine. However, my build time is around 5 minutes which I'd like to speed up — however only on my test-domain. Is it possible to reach the same speeds as my local environment and see the changes I've made in Sanity with a simple page refresh? If so, I'd love to know if you could point me in the right direction.

Thanks in advance again and thank you for all the support so far to my other questions!

Much love for this project. It's already saved me soooo many hours of work, so I couldn't be more grateful 🙌

Hi @ndimatteo,

Thanks again for this amazing repo. Using it for another project now. I like the features you've added since I last pulled the code. Awesome!

I implemented a multi currency feature on the last project, which I need on this project as well so I thought I'd bring it up as a feature request. I solved it by making all of my prices available through an API, to avoid having to update the records in Sanity every time the exchange rate changed

What I wrote is a quite handheld/hacky and is breakable with +250 products, but maybe you can use my code for inspiration.

I'm very happy to hear if this is something you've already thought about how you'd go about implement it, since I'd be happy to find a more future-proof solution. Also, detecting the IP and duplicating the checkout to create a new checkout on Shopify's side is something I've worked on but haven't yet found a good solution for.

Keep up the good work!

in /api/shopify/product-prices?currencyCode=DKK

import axios from 'axios'

export default async function send(req, res) {
  const {
    query: { currencyCode },
  } = req

  const hasShopify =
    process.env.SHOPIFY_STORE_ID && process.env.SHOPIFY_API_PASSWORD

  if (!currencyCode)
    return res.status(401).json({ error: 'Currency code is required' })

  if (!hasShopify)
    return res.status(401).json({ error: 'Shopify API not setup' })

  // Setup our Shopify connection
  const shopifyConfig = {
    'Content-Type': 'application/json',
    'X-Shopify-Storefront-Access-Token': process.env.SHOPIFY_API_TOKEN,
  }

  const countries = [
    { currencyCode: 'USD', countryCode: 'US' },
    {
      currencyCode: 'DKK',
      countryCode: 'DK',
    },
    {
      currencyCode: 'GBP',
      countryCode: 'GB',
    },
  ]
  const countryCode =
    countries.find((c) => c.currencyCode === currencyCode)?.countryCode || 'DE'

  // Fetch product prices for all products
  let data = {}
  await axios({
    url: `https://${process.env.SHOPIFY_STORE_ID}.myshopify.com/api/2021-07/graphql.json`,
    method: 'POST',
    headers: shopifyConfig,
    data: {
      query: `
        query allProducts($countryCode: CountryCode) @inContext(country: $countryCode) {
          products(first: 250) {
            edges {
              node {
                handle
                variants(first: 250) {
                  edges {
                    node {
                      id
                      priceV2 {
                        amount
                        currencyCode
                      }
                    }
                  }
                }
              }
            }
          }
        }
        `,
      variables: {
        countryCode,
      },
    },
  }).then((result) => {
    data = result.data?.data
      ? (data = {
          data: {
            products: result.data.data.products.edges.map(({ node }) => ({
              handle: node.handle,
              ...node.variants.edges[0].node.priceV2,
            })),
          },
        })
      : result.data
  })

  res.statusCode = 200
  res.json(data)
}

Hi @ndimatteo

Firstly, many thanks for creating and sharing this repo. It's so great.

Have you considered adding the ability for product variants to be displayed as unique products on collection pages? Going a step further, it would be great if this feature were controllable at a product (and/or variant) level, in a way not dissimilar to the 'Surface Option' function.

Cheers

I am receiving the following error when trying to delete the starter demo products:
A document of the unknown type homePage
A document of the unknown type shopPage

When trying to "delete anyway" I receive the following error:
the mutation(s) failed: Document "product-6584939413682" cannot be deleted as there are references to it from "homePage"

All connections have been removed from the products as well.

If have successfully installed this, but when I add a product in Shopify the images won't come through to sanity? is this normal behavior, if yes, how can I change this?

Hi there,
Although this isn't the core to what you made, I still thought I'd want to mention that hotspot on image assets stops working, when using your ConditionalFields script.

Hey, here is the question. I fully delete the dummy data in the sanity studio of the HULL template.

But I encounter a new problem. When I deploy the application to Vercel, it constantly fails with this error.

23:44:07.462 | > Build error occurred
-- | --
23:44:07.464 | TypeError: Cannot read property 'split' of null
23:44:07.465 | at /vercel/path0/.next/server/pages/[...slug].js:85:29
23:44:07.465 | at Array.map (<anonymous>)
23:44:07.465 | at getStaticPaths (/vercel/path0/.next/server/pages/[...slug].js:83:74)
23:44:07.466 | at processTicksAndRejections (internal/process/task_queues.js:95:5)
23:44:07.466 | at async buildStaticPaths (/vercel/path0/node_modules/next/dist/build/utils.js:16:80)
23:44:07.466 | at async /vercel/path0/node_modules/next/dist/build/utils.js:26:622
23:44:07.466 | at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/telemetry/trace/trace.js:6:584) {
23:44:07.466 | type: 'TypeError'
23:44:07.466 | }

It totally makes sense since there is no product being added to the sanity studio. But since the application fails to deploy to Vercel, there is no way that the Shopify webhooks can be fired, it relies on the live URL. So… I kind of entering a rabbit hole, that without syncing products to sanity studio, the application can not be deployed. Without being deployed, the Shopify products cannot be synced. Is there anything that I can do to roughly set up the application and successfully deploy it to Vercel so as to sync Shopify products to sanity studio?😊

Hey guys,

I'm getting an error consistently on some computers, and I'm unable to replicate the issue on my local machine. Does anyone know why this would happen?

Wondering if anyone else gets the same issue? Check out the site here

Hi there,

I have a large catalogue of products +600 and are trying to change them all from Draft > Active through Shopify. However, due to an API limit HULL and Shopify are giving some issues.

Maybe there needs to be added some sort of queue to prevent this from happening, as this could easily also happen if two or more people are updating Shopify at the same time.

[POST] /api/shopify/product-update — 10:24:47:73
url: 'https://[shop-name].myshopify.com/admin/products/[pid]/metafields.json',
method: 'get',
...
data: {
  errors: 'Exceeded 2 calls per second for api client. Reduce request rates to resume uninterrupted service.'
}

I found this link: https://help.apidrop.com/en/articles/5220902-shopify-platform-comunication-error-exceeded-2-calls-per-second-for-api-client-reduce-request-rates-to-resume-uninterrupted-service

Great project. Just bumped into some unexpected behavior issues. If there is no SEO configured for the home page, the site crashes with the following error.

components/head-seo.js (118:26) @ eval

  116 | 
  117 |   templateTags.map((v) => {
> 118 |     newString = newString.replace(new RegExp(v.tag, 'g'), v.value)
      |                          ^
  119 |   })
  120 | 
  121 |   return newString

Once I added SEO that was fixed, but next I got an error for cookie consent bar. Which is disabled by default. By enabling it and adding details this error below went away.

error - components/cookie-bar.js (28:10) @ eval
TypeError: Cannot destructure property 'enabled' of 'data' as it is null.
  26 |
  27 | const CookieBar = React.memo(({ data = {} }) => {
> 28 |   const { enabled, message, link } = data
     |          ^
  29 |
  30 |   if (!enabled) return null
  31 |

The next error is for the promo bar.

error - components/header.js (27:4) @ Header
TypeError: Cannot destructure property 'promo' of 'data' as it is null.
  25 |   // expand our header data
  26 |   const {
> 27 |     promo,
     |    ^
  28 |     menuDesktopLeft,
  29 |     menuDesktopRight,
  30 |     menuMobilePrimary,

I tried enabling and configuring the promo bar but the error persists. I tried disabling it again and it persists.

Just wondering if I am missing some configuration. I read the setup instructions again and can't see anything discussing this topic.

see image for reference

I want to have de categories/collection/menu appear as swiper menu below header.

What is the best approach to achieve this

?

Hey,

First of all the project is amazing! Hella props!

I have followed the automatic setup guide and have the project up and deployed and running locally with no hassle.
The only problem I can't seem to get around is triggering the product updates from my Shopify setup to be reflected in my project data.

I have setup the env with the shopify keys, permissions as well as the web-hooks inside Shopify.
I have also updated products to try and trigger the update but so far no dice.

How does one trigger the build of the sanity data from the Shopify products.

I'm relatively new to both shopify and sanity so forgive me if this is an obvious question!

Thanks

Hi,

Just wondering how this part works, because everything's running fine except that Sanity isn't pulling my products from Shopify. Not getting any errors regarding my Shopify creds. My guess is it's about the product meta-data?

Hey there,

I'm trying to figure out a way to make adding collections (eg: all vinyl, all t-shirts) as an option to my pages in Sanity (including the homepage). Is there a simple way to achieve this using this template? Thanks

Hey I noticed the Account links to this url - https://go.insane.codes/account/login how do I connect my Shopify login/account flow and can I access User information on the Client if they've logged in through Shopify? would be really interested to know how Shopify - Auth is handled :)

While trying to update the logo in my fork I tried replacing public/HULL-Logo.svg and quickly noticed it did not work, as this was the actual logo being used:

I was wondering if adding SVG support is something to consider here (I have a working prototype in a branch, it's just basically adding the @svgr/webpack package). It would help with duplications like that and the file becoming cumbersome once you add more SVGs. To keep the color parameter we could just use something like currentColor. It might also be unnecessary optimization.

I'll make a PR if it's something that could be worthwhile.

After uploading syncing some new products from shopify store a build error occurs.

Shopify store is in development mode.

I get this error after spinning up a new demo project. I kept going and set up all the variables/webhooks. After lots of debugging, I cannot find a solution to Shopify not syncing with my Sanity. I double-checked all envs on local and vercel, I updated products, deployed multiple times, and tried to check out only to receive a constant 401 from /api/Shopify/product-inventory?id=6584939413682

{
  "error": "Product not found"
}

I am uncertain where to go from here.

I will note that my sanity says it has synced from Shopify

But my local version was pointing to the original sanity URL hull.dev which seemed strange. My deployed sanity is pointing to the correct URL. My Shopify remains empty and devoid of any products regardless of what tactics I try.

Edit: tried three times, same result each time. Also important to note I am using hobby version for vercel

I'm seeing my Shopify products come through into Sanity via the webhook but whenever I add a product to a page and click it, I am met with the following error when navigating to the URL (/products/<slug>)

Server Error
TypeError: Cannot read property 'product' of null

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
pages/products/[slug].js (60:46) @ Product

  58 |   console.log(data)
  59 |   // set our Product state
> 60 |   const [product, setProduct] = useState(page.product)
     |                                              ^
  61 | 
  62 |   // find the default variant for this product by matching against the first product option
  63 |   const defaultVariant = page.product.variants?.find((v) => {

Is there something special I need to do for a Shopify product to have a "detail" page?

Hi Nick,

Great project!
I was fiddling around and found that the product sync functions are not (yet) in place?

hey, first and foremost I want to say this template is 🔥🔥🔥

Anyways I wanted to report that I was trying to use the Automatic Set Up and received this blocker: https://cln.sh/3RZf32GzMRUTMN17fRto

ps: I am actually looking for a good template starter for NextJS + Sanity.io that I don’t have to wire from scratch. HULL seems to do that AND WAY MORE! I love the features include tailwind and framer motion so this is a perfect template for me to start tinkering.

To be honest I don't really need the Shopify (aware of the marketing-starter branch) but since it comes with it so I figured why not play around with it anyways.

For now, I am not really blocked, trying to do the Manual Set Up way in the meantime and see if I could deploy this on Vercel. Thanks again for sharing this masterpiece as a template 🙇🏻‍♂️

EDIT: yes as replied below this is Vercel‘s deployment tool, this repo works just fine ✨

I'm really looking forward to the videos on this project! I hope you can get them done soon :-).

Is there a simple way to move the product slug to root url?

Tried something like this but getting error and page not found.

<Link
                href={`/products/${
                  product.slug 
                  }
                as={`/${
                  product.slug 
                }`}
 >

Hey! I appreciate everything put into this project, it's amazing!
I'm trying to edit the colours(Options Settings) on products imported from Shopify with multiple variants, and I'm getting an error in sanity studio saying:
TypeError: modules: Error validating value: undefined is not an object (evaluating 'blocks.filter')
TypeError: undefined is not an object (evaluating '_patchEvent.default.from')

This happens as soon as I press add item on 'Options Settings'..
The same error is thrown when I try and edit an existing product too (eg. Ultra Magic tee). I can't seem to find any sanity documentation about this process. Do you have any ideas as to why this would happen? I haven't made any modifications to the schema supplied. I also get the same error on products with only one variant too if that helps.

Thanks!
Jaysen

Hello and thank you so much for this starter!!
I used the automatic setup.
I've put my shopify environment variables in both vercel and .env.local. I've followed steps 2 & 3 in the docs to a T.
I'm still seeing the starter's original products.
Forgive my ignorance. I wish i could give more details. I must be missing a step somewhere.

never mind! I got it working!
( The environment variable that needed to be regenerated is a bit confusing )

Hi,

I am trying to create a project using the 'Sanity Create Project' button from the repo but it fails during build. The error I'm getting is:

Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
--

I'm guessing because you're using the GraphQL Buy SDK which doesn't support Shopify's built in Analytics there is no support for any analytics or metric tracking such as view product, add to cart or start a checkout?

Hello!
In vercel and locally, I am getting these errors. What can I do to fix this?
branch: marketing-starter

03:48:30.840
info  - Generating static pages (0/3)
03:48:31.577
03:48:31.577
Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
03:48:31.577
TypeError: Cannot read property 'modules' of null
03:48:31.577
    at Object.Home (/vercel/path0/.next/server/pages/index.js:2799:28)
03:48:31.577
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2523)
03:48:31.577
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.577
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.577
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:1576)
03:48:31.577
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:1767)
03:48:31.577
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.578
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:1576)
03:48:31.578
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.578
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.600
03:48:31.600
Error occurred prerendering page "/404". Read more: https://nextjs.org/docs/messages/prerender-error
03:48:31.600
TypeError: Cannot read property 'seo' of null
03:48:31.600
    at Object.ErrorPage (/vercel/path0/.next/server/pages/404.js:5151:17)
03:48:31.600
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2523)
03:48:31.600
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.601
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.602
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:1576)
03:48:31.602
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:1767)
03:48:31.602
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.602
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:1576)
03:48:31.602
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.602
    at m (/vercel/path0/node_modules/preact-render-to-string/dist/commonjs.js:1:2667)
03:48:31.602
03:48:31.602
> Build error occurred
03:48:31.602
Error: Export encountered errors on following paths:
03:48:31.602
	/
03:48:31.602
	/404
03:48:31.602
    at /vercel/path0/node_modules/next/dist/export/index.js:31:1106
03:48:31.602
    at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/telemetry/trace/trace.js:5:584)
03:48:31.602
    at async /vercel/path0/node_modules/next/dist/build/index.js:43:49
03:48:31.602
    at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/telemetry/trace/trace.js:5:584)
03:48:31.602
    at async /vercel/path0/node_modules/next/dist/build/index.js:25:1475
03:48:31.603
    at async Span.traceAsyncFn (/vercel/path0/node_modules/next/dist/telemetry/trace/trace.js:5:584)
03:48:31.603
info  - Generating static pages (3/3)
03:48:31.651
npm ERR! code ELIFECYCLE
03:48:31.651
npm ERR! errno 1
03:48:31.654
npm ERR! [email protected] build: `next build`
03:48:31.654
npm ERR! Exit status 1
03:48:31.654
npm ERR! 
03:48:31.654
npm ERR! Failed at the [email protected] build script.
03:48:31.654
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
03:48:31.660
03:48:31.660
npm ERR! A complete log of this run can be found in:
03:48:31.661
npm ERR!     /vercel/.npm/_logs/2021-07-25T00_48_31_654Z-debug.log
03:48:31.673
Error: Command "npm run build" exited with 1

Hello!

This project is great, I appreciate your work and documentation! I'm having some issues getting the Sanity product sync working. I feel like I've been diligent about getting the correct API keys tokens and passwords, I've deployed to Vercel.

I've tried sending a test webhook to the product-update API route and get errors in the Vercel dashboard. I'm not sure if that would be related to the issue though.

Here's a repo if that helps.

Any insight on how to get this working or if there's something I'm missing in your documentation would be helpful!

Thank you!

Great project 🤘 Quick question about the Products syncing in Sanity

First off, great job on this project 💯 🔥 🔥
I have been looking through the code, and really digging it.

So I have the whole project up and running locally with the Sanity Studio server running on http://localhost:3333 and I have the Next site running locally on http://localhost:3000.

When I go to the Shop section of the Studio, everything looks to be working fine.
I can see listings of Products there, and I can see listings under Product Variants.
But only products that have variants are getting listed in either section.
If I add a product on Shopify without variants, then I don't see it in the Studio.
It looks like it is just doubling up the Product Variant data instead of having 2 different types of product data.

I didn't know if you had any idea as to why this was happening, or how best to debug it?
Any insight would be appreciated 👍

Thanks 😄

Here are some screenshots showing I get the views and url's for both Products and Product Variants.

Product View:

Product Variant View:

I have a need to only sync products from Shopify that have been checked off in the "Sales channels" for my headless storefront. At the moment, it is currently being ignored.

I'm stuck in the "please sign in" page when trying to access sanity locally. No matter what login option I use, I get thrown back at the "please sign in" page. I verified that my projectId matches the one from sanity's dashboard, CORS Origins are placed correctly and the API Token has read + write access.

I also deployed sanity to be accesible from the web and get the same error.

Also, the front end throws this error message:

Home Page" is not set in Sanity, or the page data is missing.

Any help would be appreciated! Thanks!

Great repo.

I only see update and delete in the setup guide. Will update trigger on create as well?

Hey I love this starter and have built a decent portion of a new client site with it,

I need to add the Add to Cart to the collection page for each product tile, is there an easy way to do that?

Any support would be really appreciated.

Hey! Thanks a lot for your wonderful public template.

I recommend to add "&muted=1" inside the vimeo url, so we can automatically play video on homepage.
This was a issue for me, so i wanted to notice you ✅

Should be text instead of { text }

Hey there, I noticed for all inputs that use dynamic-select, the preview shows 'All Variants' no matter which variant is picked.
Checking the log shows that forOption in prepare is undefined.

Any idea why?

Hey I'm trying to create some other pages and just trying wrap my head around what I believe comes down to site context.

When I add a new page file to the pages directory that isn't being generated by the Sanity page builder and doesn't have any specicifc references to Sanity documents if I try to visit the page in the browser I just get a blank screen with and empty tag.

Why is this?

If I needed to add pages what's the best way to do this?

Just curious if there will be a Nuxt.js version? :) love the project otherwise.