How to create a Shopify App - An overview
HTML-код
- Опубликовано: 24 янв 2025
- In this video I give you an overview of how Shopify apps work and the tools and libraries to aid with the process.
All the docs and tools referenced in the video:
Shopify CLI - shopify.dev/ap...
Rest API - shopify.dev/ap...
GraphQL API - shopify.dev/ap...
Shopify Polaris - polaris.shopif...
Shopify App Bridge - shopify.dev/ap...
Shopify Oauth guide -shopify.dev/ap...
Shopify Session token guide - shopify.dev/ap...
Shopify theme app extensions - shopify.dev/ap...
Ngrok - ngrok.com/
Thank you so much for the overview. I have a request. If you can make a very simple app for the beginners, that will help us a lot to understand the work process.
I am Shopify store designer/developer and I have deep and much experience in designing beautiful stores with beautiful themes, redesign, activate Shopify payment and more
Let me know if you need more details
@0:00 intro
@0:32 overview
@1:10 graphql & rest API
@2:23 Demo app
@3:14 session with app bridge
@3:46 Polaris - react component
@4:06 cli
@4:29 cli demo (Remix can be used in 2024)
@5:10 project folder walk-through
@5:57 ngrok (no longer needed in 2024)
@7:04 Partner account setup
@8:00 Manual/custom setup with Shopify APIs
@8:40 app extension
@10:00 generate extension
@10:40 Add and deploy
@11:18 extension deployed
@12:07 closing
Thank you so much, everyone is soooo slow nowadays.
Wow no BS and straight to the point. Thank you for this video.
You are a very expert coder Roby. So it is hard to follow your video tutorial for me. But, I am trying to learn something from you. Appreciated your work!
I came here just to learn a bit more about the applications. I was not expecting one of my favorite Shopify app's creator to be telling me about it though. So thanks for two things, Robby
interesting. 15 years ago I wanted to build a shopify all but did't even know how arrays worked in any programming language lol. These days I'm a senior developer in a few languages. Looking at this overview it look really straight forward and the CLI does a bunch of heavy lifting, it remind me of the Ionic CLI. What I do notice in the comment that a lot of beginners are totally lost. Should I perhaps create a video that's much more beginner friendly?
Yes. Please do. I want to create an e-commerce "hub" and want to know somethings not JUST trust Ai to do it all
Yes sir
Very clear and direct tutorial.
Thanks man.
You are killing it Robby!!!!
I love these Shopify tutorials, thanks a lot Roby
You again!
Just following you in Theme development!
🎉🎉🎉
the most important thing was how to setup enivroment which wasnt here.
I am Shopify store designer/developer and I have deep and much experience in designing beautiful stores with beautiful themes, redesign, activate Shopify payment and more
Let me know if you need more details
Yep 😅 For someone whose new to shopify thats a lot to take in. Ty for the vid.
I'm just curious. How about creating an app using Shopify CLI and then exposing APIs to interact with your backend app developed in Golang or Python or whatever? will that approach simplify the development process? rather than manually handling OAuth...
Thank you for your overview, very nice!
Thanks a lot man! Absolutely great tutorial.
Wow...This is very useful!!!!
Hi, Thanks for the video. Please is it possible to create apps with a python backend, if so how can I go about it. Thanks
Thanks for this overview!
Hi. Its not letting me enter my Grok authtoken. Any thoughts why?
thanks for sharing. Is it possible to build a pure backend integration service towards external API through custom app?
Thank you for your excellent quality of explanation and your help with two questions is appreciated. 1: the app (react with Node) is published and marketed in the Shopify app store, where would it be hosted? 2: Is an app convenient as an extra income channel? thank you
Hey Robby, I am trying to learn Shopify App development(for my own store) but there aren't much resources for a beginner. I bought a Udemy course but the instructor went way too fast without explaining anything, so I couldn't learn anything there. Are there any books out there that teaches Shopify App development?
I'm having the same issue. Wish there were more full courses on app development.
awesome. would be great to see more on apps and using react
Can you do a no code tutorial showing all the features you need to know inside shopify for freelancing? I see a ton of freelance jobs for creating shops but I’d hate to jump into it before knowing what I would need to know.
hi, wondering if it's possible to create a shopify app using no-code tools? i've hit a snag with oauth authorization for accessing shopify's api. any tips on how to tackle this? thanks!
How can we communicate between the theme app extension and the app backend? For example. form submit and save that data to the database via the app backend. Do you have any idea about it?
Need more of these
Thank you for the insight! Is there a way to make sure you have ownership over the app if someone else is building it?
great video!
A Question Roby, is not clear to me, build a app for shpify can be in ruby on rails, or node, or another language of whats the correct answer?
Hey Robby, Im new to shopify development and I was hoping you could give me some pointers. I'm trying to figure out the best way to track purchases my app brought in. So for example, Its a text message marketing app and when a customer gets a text from the app I want to know if that text generated a sale for that shopify store. What would be the best way to do this?
if we learn rub on rails, can we use shopify for free or need to pay monthly fee, sorry I am new to shopify..
So I can build apps with JavaScript/nodeJS and not have to learn RoR? Or is it more convenient to learn it? Thanks!
Yeah there’s official libraries for node js, I’d recommended it over RoR
Thank you Robby. I got everything working. But do I have to deploy the app everytime I make changes in order to test them? Or how does the development process look like?
Planning on making a video in the future, but basically the Shopify cli will create temporary urls that point to your local machine while developing
@@codingwithrobby I figured it out thank you :) It would be cool if you could make a video about how to store data. (that's what I'm currently struggling with). From simple (storing in metafields) to hard (database)
if we learn rub on rails, can we use shopify for free or need to pay monthly fee, sorry I am new to shopify.. @@codingwithrobby
looking for someone to make an app to sort our orders by their weights. Anyone have this app? I need the orders I select to be put in order from weights to help my packing and shipping process be faster to have like orders in a row.
Hello, have you found a developer or an already existing app for this? If not, it would be interesting to know your process and requirements for this app.
how to over write the marketing automation - abandoned cart email template with liquid code.
please give me a solution robby😵💫
quick question Do you help with App Projects
How to kind of deploy it into live store?
Hi, I am new to the Shopify App development, I want to add some my custom CSS to the Shopify Checkout Extension but I am having difficulty to do so, Can you please guide me with this or give me tutorial to edit checkout with Shopify checkout extension
You said developed 5 apps please let me any earning from them.
Could you make a more in depth course about Shopify apps including Shopify app extensions and app functions, thanks
I am Shopify store designer/developer and I have deep and much experience in designing beautiful stores with beautiful themes, redesign, activate Shopify payment and more
Let me know if you need more details
@@BellaGoergecould you help me with headless? Like I want to use my own stack
TIL shopify CLI and dev portal is kind of a hot mess as well as don't bother trying to make a shopify app anyways.
But for real this was a good overview thanks for the video.
Please share code of the product app you made
How do i go about hiring you to build a shopify app for us?
I am Shopify store designer/developer and I have deep and much experience in designing beautiful stores with beautiful themes, redesign, activate Shopify payment and more
Let me know if you need more details
Could I pay you to help me with something im struggling?
I am Shopify store designer/developer and I have deep and much experience in designing beautiful stores with beautiful themes, redesign, activate Shopify payment and more
Let me know if you need more details
Embedded and embedden't*
I'm trying to find a course to build a Shopify app with Remix and there's nothing on Udemy. Anything you'll find is not only outdated, but also has a terrible rating. Since you're into creating tutorials, I do feel that this is a niche you could dominate. Let us know if you decide to create one!
Thanks.
Can you guide this, we received mail while we submit the app for review.
Your app must be a finished and complete product in a stable state, free from any incomplete functionality and/or bugs. See for additional details, after installing the app we encounter an error in the app's UI, nothing happens after opening the app from the App index.
Issue Report: After installing the app from the Shopify App Store, users are encountering a blank page with no apparent functionality. We acknowledge the presence of this UI error and are dedicated to resolving it promptly. we are not aware of what we need to show in the page.
It will be helpful if we have a step-by-step guidance.
Sounds like your app wasn’t for the tester. They’re just getting a blank screen.
Nice
names coding with robby more like gilfoyle
Continue video next chapter app dev
why are shopify apps even a thing?
Your nose is perfect
It was hard to understand
I FUCKING HATE SHOPIFY!
understandable
I am getting this error, can anyone tell how to resolve it.
error
│ │
│ Could not start tunnel, max retries reached │
│ │
│ To investigate the issue, examine this stack trace: │
│ at pollTunnelStatus [as _onTimeout] (Users/Desktop/the │
│ -app/node_modules/@shopify/app/dist/cli/services/dev/urls.js:78) │
│ at listOnTimeout (node:internal/timers:569) │
│ at processTimers (node:internal/timers:512)