Edit and Update Shopify Products with Remix.js | Shopify Tutorial | Shopify App Development
Edit and Update Shopify Products with Remix.js | Shopify App Development
Hello everyone, welcome back to my channel! In this video, we will learn how to update and delete products from our Shopify custom app using Remix.js and Polaris. This step-by-step tutorial will guide you through the entire process, including setting up state management, creating modal popups, and handling GraphQL requests for editing and deleting products.
Video Chapters:
0:00 - Introduction
0:50 - Setting up useState and Modal in app.products.jsx
1:47 - Creating the app.products.edit.jsx file for product updates
2:35 - Handling GraphQL requests for updating products
3:23 - Creating the app.products.delete.jsx file for product deletions
4:08 - Demonstrating product updates and deletions in the app
Requirements:
Basic understanding of JavaScript and React
Shopify Partner account
Remix.js and Polaris installed
Key Highlights:
Setting up state management with useState hooks
Creating modal popups for editing product details
Handling GraphQL requests to update product title and price
Implementing delete functionality with GraphQL
Real-time updates and toast notifications
Resources:
Shopify Partner Account: https://partners.shopify.com/
Shopify CLI Documentation: https://shopify.dev/docs/cli
Remix.js Documentation: https://remix.run/docs
Polaris Documentation: https://polaris.shopify.com/
Connect with Me:
Hire me on Upwork: https://www.upwork.com/freelancers/fa...
Hire me on Fiverr: https://www.fiverr.com/fayyaz_raza
Hashtags:
#Shopify #RemixJS #Polaris #GraphQL #WebDevelopment #ShopifyApp #CodingTutorial #JavaScript #Ecommerce #shopifyexperts #howto #edit
Feel free to reach out with any questions or feedback in the comments below. Don’t forget to like, subscribe, and hit the notification bell to stay updated with the latest videos in this series!