Want to get started with Gadget? Go to https://ggt.link/build-shopify-apps
Follow along as Riley builds a VIP program management app for Shopify using both admin action and admin block extensions.
This video covers:
creating admin action and block extensions
the available target pages these extensions can be embedded into
the admin extension API hook
managing metafields and making GraphQL requests to Shopify's admin API
Note: Admin UI extensions can also make authenticated calls to your app's backend. When you use fetch() to make a request to your app's configured auth domain or any of its subdomains, an Authorization header is automatically added with a Shopify OpenID Connect ID Token. For more information, check out our docs: https://docs.gadget.dev/guides/plugin...
Chapters
00:00 Webinar Intro
00:50 App preview
03:00 App architecture diagram
04:44 Create new Gadget app + Shopify connection
09:48 Add custom data model
11:41 Add custom code to create action
14:47 Modify access control
16:03 Embedded app frontend
20:06 Add metafields to Shopify models
23:12 Create admin extensions
26:10 Admin extension targets
29:25 Overview of default admin extension code
32:28 Build admin action extension
37:30 Build admin block extension
41:09 In summary + how to extend
43:35 Q & A