Getting Started with Shopify App Bridge - Create a Shopify App
Building a Shopify app is never hard. So is designing it! With Shopify Polaris and Shopify App Bridge, you can create a Shopify app that is perfectly embedded to the Shopify admin.
In today's video, I will show you how to create a Shopify app from scratch using Shopify CLI and use Shopify app bridge to display a UI navigation, UI Title Bar, UI Modal, Toasts, and Resource List of products from an online store.
NEW MERCH JUST DROP! 🤯
Get it now at https://weeklyhow.shop/
Wanna learn more about Shopify Theme Development? Take a look at my course:
✅ Take my Shopify Theme Development Course (Shopify CLI):
https://weeklyhow.com/courses/shopify...
✅ Take my Shopify Theme Development Course (ThemeKit):
https://weeklyhow.com/courses/shopify...
✅ Get my Shopify App Development Course:
https://weeklyhow.com/courses/shopify...
Need a website? Get yours here!:
► https://weeklyhow.com/go/hostinger-2023
Try Shopify for 14-days!
► https://weeklyhow.com/go/shopify
Join this channel to get access to perks:
► / @weeklyhow
Join our discord server:
► / discord
Timestamps:
0:00 - Introduction
0:49 - What is Shopify app bridge
2:24 - Getting started with Shopify development
2:58 - Creating a new Shopify app with Shopify CLI
7:43 - Creating the ui-menu-nav
11:41 - Displaying a toast on button click
12:32 - Creating the ui-title-bar
14:20 - Creating the ui-modal
17:28 - Fetching data using GraphQL
22:39 - Fetching products using GraphQL
27:51 - Creating the resource list
34:06 - Outro
#Shopify
#ShopifyDeveloper
#shopifyapps
🔔 Subscribe now for more tech content:
► https://www.youtube.com/WeeklyHow?sub...
Official Website:
► https://weeklyhow.com/
Support us on Patreon:
► / weeklyhow
Follow us on our Social Media:
Facebook ► / weeklyhow
Twitter ► / weeklyhow
Instagram ► / weeklyhow
GitHub Repository used by this video:
https://github.com/shopify/reference-...