How to Use the Shopify API and Make GraphQL Requests

[@CodingWithJan]

🌟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]

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]

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

[@liamgriffin9526]

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

[@matthewpill88]

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]

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]

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

[@ajayrabari433]

Easily explained as always ❤️

[@andrewcpark]

Awesome overview of graphql!

[@CodingWithJan]

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

[@andrewcpark]

@@CodingWithJan not quite yet but good to know!

[@matthewlane3614]

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!

[@gus24x24]

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

[@CodingWithJan]

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

[@MichaeltCummings]

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]

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]

@@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.

[@StefanW87]

Thank you Jan for sharing!

[@CodingWithJan]

More than welcome 😄🙌

[@MichaeltCummings]

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

[@guiaraki]

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?

[@mudassarz.6762]

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)?

[@mindaugaslukosiunas]

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

[@joelleon8712]

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

[@CodingWithJan]

what does that even mean?

[@celebGPT]

Very Informative

[@KartikNair-iu8jt]

Thank You so much

[@deerajt3166]

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

[@saharrsaber]

Super clear, Thank you!

[@CodingWithJan]

Glad it helped! :-)

[@KhasimAli-pv9zm]

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]

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

[@merrittwitherspoon7894]

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]

Unfortunatley not yet.

[@merrittwitherspoon7894]

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

[@hari_xxz]

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?

[@mako_cp]

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

[@CodingWithJan]

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

[@alexandercruz7107]

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?

[@sarveshkapoor7177]

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]

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]

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

[@_Software_developer_]

very informative

[@paquitafadden6068]

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]

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]

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]

you might want to look into checkout extensions

[@shaluchaudhary908]

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]

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]

Is it possible to use shopify-cli with this?

[@CodingWithJan]

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

[@michaelm8044]

@@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]

Great content