How to Use the Shopify API and Make GraphQL Requests

Поділитися
Вставка
  • Опубліковано 17 лис 2024

КОМЕНТАРІ • 53

  • @CodingWithJan
    @CodingWithJan  22 дні тому

    🌟Learn the JavaScript side of Shopify Development: codingwithjan.com/javascript?src=graphql-yt
    👨‍💻Find a reliable Developer for your project: www.codingwithjan.com/hire-a-developer

  • @Lizhiaa
    @Lizhiaa 7 місяців тому +1

    Thank you for this video, you are the first that I watch that ACTUALLY explains what the code in the test app does. But I would love to see another video where you go more into detail about making more api-requests through a button click. I would also love to know how I can make that request from a button click on the storefront and not through a button click in the app (my use case is that the customer needs to update their metafield value, so I don't really need a front-end for my particular app only a back-end app). I have watched tons of videos and I am still quite lost but will get there eventually. Just really wanted to say that I appreciate your videos :D

    • @CodingWithJan
      @CodingWithJan  7 місяців тому +1

      Thank you Liz 😄
      Loved the feedback, and agree that these use cases would be helpful to see too!

  • @liamgriffin9526
    @liamgriffin9526 7 місяців тому

    Awesome video Jan! Great to see you running the queries from the app as well as how to test/learn with graphiql

  • @matthewpill88
    @matthewpill88 7 місяців тому +1

    Great video as always! It would be good to run through a couple examples of when you'd build out a custom app. I always struggle with example cases of when I'd actually need to go down the custom app development route rather than using what Shopify natively has to offer or from using third party apps that already exist... I'm coming from it with only custom theme development experience though!

    • @CodingWithJan
      @CodingWithJan  7 місяців тому

      Awesome feedback! :-)
      What kind of requests would you like to see?
      Also, what tech stack for building apps? (just the default remix starter template?)

    • @ShopifyLearner-ng3il
      @ShopifyLearner-ng3il 7 місяців тому

      Can we use this to create discount based on payment gateway with this?

  • @matthewlane3614
    @matthewlane3614 5 днів тому

    Hey Jan, big fan of your videos. Was just wondering if you would be available for private tutoring? I am just starting up as a shopify dev, have garnered a few clients and have created websites but would like some extra tips on how to leverage api's to increase product variant limits, as well as a couple other questions I had. Please let me know if this is something we could work out!

  • @ajayrabari433
    @ajayrabari433 3 місяці тому +1

    Easily explained as always ❤️

  • @gus24x24
    @gus24x24 7 місяців тому

    Great video, I hope there is more in the future regarding app development. Especially using vanilla JS!

    • @CodingWithJan
      @CodingWithJan  7 місяців тому

      Haha, probably not vanilla!
      Highly recommend using the packages, and react components if you don't want to be coding forever 😄

  • @andrewcpark
    @andrewcpark 7 місяців тому

    Awesome overview of graphql!

    • @CodingWithJan
      @CodingWithJan  7 місяців тому +1

      Thank you, Andrew! 💪
      Are you already tapping into app development?

    • @andrewcpark
      @andrewcpark 7 місяців тому

      @@CodingWithJan not quite yet but good to know!

  • @MichaeltCummings
    @MichaeltCummings 13 днів тому

    Just a word of caution so you don't end up chasing your tail for a couple of hours. You need the shopify PLUS to use GraphQL and if you don't have PLUS, it will look the request to install went through, but it never appears on the owners screen to approve. There was no warning or nothing. And the price increase to PLUS is pretty steep.

    • @CodingWithJan
      @CodingWithJan  13 днів тому

      Hi there, thanks for the comment but this is incorrect.
      The GraphQL Api in wide parts is available on all plans.
      (just if you try to access some shopify plus only features like B2B Functionality)

    • @MichaeltCummings
      @MichaeltCummings 13 днів тому

      @@CodingWithJan You might be right, but I could not see how to install it under my store account. I searched and searched. I opened a dev account under the same user and pwd and maybe it thought it was B2B.

  • @mudassarz.6762
    @mudassarz.6762 7 місяців тому

    That was super helpful! Can you also explain how to query GraphQL from an app extension (e.g. querying customer data from a post-purchase UI)?

  • @StefanW87
    @StefanW87 7 місяців тому

    Thank you Jan for sharing!

  • @MichaeltCummings
    @MichaeltCummings 17 днів тому

    At the 8:30 mark, you jumped into the black screen which looks like VS. How did you get into that?

  • @guiaraki
    @guiaraki 2 місяці тому

    Thanks for this tutorial, Jan!
    Did you know if it is possible to use the Shopify API Product Recommendation and send to a CRM software (for example ActiveCampaign?)
    Basically, I want to send the information of products recommended to each clients cart abandonment, for example, and insert inside my abandonment checkout email.
    Is that possible?

  • @celebGPT
    @celebGPT 7 місяців тому

    Very Informative

  • @saharrsaber
    @saharrsaber 6 місяців тому

    Super clear, Thank you!

  • @joelleon8712
    @joelleon8712 6 місяців тому

    Thank you for the video, but what if you want to populate dynamically?

  • @KartikNair-iu8jt
    @KartikNair-iu8jt 28 днів тому

    Thank You so much

  • @mindaugaslukosiunas
    @mindaugaslukosiunas 4 місяці тому

    By any chance you could guide me how to update metaobject definition on the app update when releasing a new version?

  • @deerajt3166
    @deerajt3166 5 місяців тому

    Hi
    how can we fetch home page content(rendered via sections on theme customizations) or fetch via template names?

  • @_Software_developer_
    @_Software_developer_ 6 місяців тому

    very informative

  • @hari_xxz
    @hari_xxz 6 місяців тому

    Brother...
    I'm looking for the Shopify API endpoint to include tracking number and shipping company details before the order status is marked as fulfilled. What's the appropriate endpoint for this?

  • @alexandercruz7107
    @alexandercruz7107 6 місяців тому

    Do you know how I can change the logo link and in the version I am using in the bottom right corner there is a link "return to car". how can I hide it?

  • @merrittwitherspoon7894
    @merrittwitherspoon7894 7 місяців тому

    Do you have to use GraphQL with a Storefront API? I'm building headless ecomm that flows from Shopify to iOS & visionOS Apple apps. Thanks!

    • @CodingWithJan
      @CodingWithJan  7 місяців тому +1

      Unfortunatley not yet.

    • @merrittwitherspoon7894
      @merrittwitherspoon7894 7 місяців тому

      @@CodingWithJan Cool, good to know GraphQL is not associated with using Shopify’s Storefront API. Thanks for the reply 👍

  • @KhasimAli-pv9zm
    @KhasimAli-pv9zm 6 місяців тому

    Thanks for the video! Can you please let me know if a customer can update his email or any other field from his account through the storefront. I have not seen an option to edit the details from the storefront.

    • @CodingWithJan
      @CodingWithJan  6 місяців тому +1

      Per default they can't.
      Would be possible via apps / custom apps.

  • @sarveshkapoor7177
    @sarveshkapoor7177 7 місяців тому

    Hi Jan I am following you and like your content but can you start a new series on how to build shopify theme from scratch or use any free theme to complete it for a e-commerce website I hope other are also looking for that.

    • @CodingWithJan
      @CodingWithJan  7 місяців тому +1

      Hey there,
      for free resources, I'd recommend checking my "theme development" playlist.
      (this is more for theme customizations than building one from scratch, but also what I'd recommend when getting started.)
      For a full end-to-end curriculum, portfolio reviews, code reviews, mentoring, and support while working on your first real client projects, our bootcamp Freemote might be a good fit.
      Cheers!

    • @sarveshkapoor7177
      @sarveshkapoor7177 7 місяців тому

      @@CodingWithJan thanks for replying I appreciate you suggestions I will work around them ❤️

  • @mako_cp
    @mako_cp 7 місяців тому

    Hey Jan, how can I setup a development shop for testing purposes or is here a real shop for this needed? thanks

    • @CodingWithJan
      @CodingWithJan  7 місяців тому +1

      Create a "Shopify Partners" account (free)
      and then create a new development store.

  • @paquitafadden6068
    @paquitafadden6068 7 місяців тому

    Hi Jan,
    I am creating a public Theme Extension Block App using the new Remix infrastructure. Is it possible to send a GET to my API and have that run a GraphiQL query for me and return the information? Is this how we can use GraphiQL with our apps or do I misunderstand how we can use GraphiQL? It seems silly to save information in my APP/database that is a duplicate of Shopify information. Are you able to demonstrate the code to achieve such a thing? It's proving challenging.

    • @CodingWithJan
      @CodingWithJan  7 місяців тому

      Hi, so you can't send API requests from the theme (frontend).
      When a user visits the website, all file are downloaded to their machine.
      So if you could make API requests from there, they would also have the secret API keys, which would be a security issue.
      If you have a app/theme extension, this would trigger an action inside your app, and the app would make the graphQL request from the server.
      Hope this way it makes sense 😄

  • @asmamalik0165
    @asmamalik0165 7 місяців тому

    Is it possible with API we can manage the checkout page in the Shopify plan? Like I want to add a city dropdown through google API but shopify page is rejecting the script

    • @CodingWithJan
      @CodingWithJan  7 місяців тому

      you might want to look into checkout extensions

  • @shaluchaudhary908
    @shaluchaudhary908 7 місяців тому

    Hey can you help me with authentication token key so that if I want to sell my theme then no one can use it with token key..
    I want to do this with custom code...no apps

    • @CodingWithJan
      @CodingWithJan  7 місяців тому

      Unfortunatley not possible, because if your validation code was right in the theme, people would have access to it and can just remove it

  • @michaelm8044
    @michaelm8044 7 місяців тому

    Is it possible to use shopify-cli with this?

    • @CodingWithJan
      @CodingWithJan  7 місяців тому +1

      Hi Michael,
      please specific "this"
      For example when we're creating the app, it's actually done via Shopify's CLI. (App CLI)

    • @michaelm8044
      @michaelm8044 7 місяців тому

      @@CodingWithJan sorry, I noticed you use 'npm run dev'. Is it the same as using 'shopify theme dev'? That's usually the command I use

  • @dystopian_1
    @dystopian_1 7 місяців тому

    Great content