- 131
- 155 376
StackWise Dev
Pakistan
Приєднався 24 лип 2021
Welcome to StackWise Dev, your ultimate destination for expert insights and tutorials on Shopify Themes, Apps and MERN Stack development! I'm Amad Ali, a senior MERN Stack and Shopify Themes and Apps developer with over four years of professional experience. As a passionate developer, it's a lot of fun for me to convert ideas into coding. With a strong focus on MERN (MongoDB, Express.js, React.js, and Node.js) stack as well as Shopify Themes and Apps, I have successfully crafted innovative solutions and conquered complex challenges. In addition to my proficiency in MERN Stack and Shopify development, I have also delved into the world of Shopify app development, specifically specializing in Shopify Polaris.
Through StackWise Dev, I am dedicated to sharing my knowledge, experiences, and tutorials with fellow developers like yourself. Join me at StackWise Dev and unlock the potential to learn, grow, and create amazing things.
Through StackWise Dev, I am dedicated to sharing my knowledge, experiences, and tutorials with fellow developers like yourself. Join me at StackWise Dev and unlock the potential to learn, grow, and create amazing things.
Shopify Asset API | Shopify App Development Node Template
🎉🏆 Learn how to leverage the Shopify Asset API for seamless app development using the Node.js template. This tutorial walks you through step-by-step instructions to enhance your Shopify app's functionality. Perfect for developers looking to master Shopify's powerful tools. Watch now and boost your app's performance!
Playlist:
ua-cam.com/play/PLa8M6UHMGJ3H0A3sC6OTBnj6XkU1woHZr.html
Join WhatsApp Group:
whatsapp.com/channel/0029VaE5SvR4tRs1LZ3YS13o
Find Me On:
Twitter: stackwisedev
Instagram: stackwisedev
LinkedIn: linkedin.com/in/stackwisedev
Github: github.com/stackwise-dev
Codepen: codepen.io/stackwise-dev
#webdevelopment #mernstack #stackwisedev
Playlist:
ua-cam.com/play/PLa8M6UHMGJ3H0A3sC6OTBnj6XkU1woHZr.html
Join WhatsApp Group:
whatsapp.com/channel/0029VaE5SvR4tRs1LZ3YS13o
Find Me On:
Twitter: stackwisedev
Instagram: stackwisedev
LinkedIn: linkedin.com/in/stackwisedev
Github: github.com/stackwise-dev
Codepen: codepen.io/stackwise-dev
#webdevelopment #mernstack #stackwisedev
Переглядів: 230
Відео
Shopify App Development | Node Template Changed
Переглядів 2812 місяці тому
🎉 Hello Viewers! in this video we will discus about changings done in shopify node template. Hooks folder has been removed from shopify node template. Now you are not able to use useAuthenticatedFetch hook in shopify node template. Learn about old shopify template: ua-cam.com/video/3NTdR6n89i4/v-deo.html Playlist: ua-cam.com/play/PLa8M6UHMGJ3H0A3sC6OTBnj6XkU1woHZr.html Join WhatsApp Group: what...
Cache Storage API in JS | Javascript Tutorials
Переглядів 2304 місяці тому
Hey Guys! in this video we will discuss about cache storage api in javascript. we will discuss how to add items to cache storage and retrieve data from cache. 👉 code here: github.com/stackwise-dev/js_cache_api Cookies in javascript: ua-cam.com/video/ErSGXUHD2ZY/v-deo.html Playlist: ua-cam.com/play/PLa8M6UHMGJ3GCEBMACjpHwnEvUEYeo0F5.html Join WhatsApp Group: whatsapp.com/channel/0029VaE5SvR4tRs1...
Shopify App Metafields | Shopify App Development with Node
Переглядів 1,1 тис.7 місяців тому
Hey Devs! in this video you'll learn about Shopify Metafields with the help of node app. This video covers most of the topics related to Shopify Metafields. Repo link here: github.com/StackWise-Dev/shop-dashboard/tree/metafields 3:00 Get Metafields 14:17 Update Metafields 18:53 Delete Metafields 24:42 Create Metafields Playlist: ua-cam.com/play/PLa8M6UHMGJ3H0A3sC6OTBnj6XkU1woHZr.html&si=1iSJr2t...
Cookies in Javascript | Complete Guide to Cookies
Переглядів 3488 місяців тому
Hey Devs! In this tutorial you will learn about cookies, what are cookies? why to use them and how to use them in JavaScript. Playlist: ua-cam.com/play/PLa8M6UHMGJ3GCEBMACjpHwnEvUEYeo0F5.html Join WhatsApp Group: whatsapp.com/channel/0029VaE5SvR4tRs1LZ3YS13o Find Me On: Twitter: stackwisedev Instagram: stackwisedev LinkedIn: linkedin.com/in/stackwisedev Github: github....
IndexedDB in JavaScript | Amazing Storage Inside Browser
Переглядів 1,4 тис.8 місяців тому
Hey Devs! this tutorial will guide you how to use indexedDB inside the browser. how to perform CRUD operations using indexed db. Playlist: ua-cam.com/play/PLa8M6UHMGJ3GCEBMACjpHwnEvUEYeo0F5.html Join WhatsApp Group: whatsapp.com/channel/0029VaE5SvR4tRs1LZ3YS13o Find Me On: Twitter: stackwisedev Instagram: stackwisedev LinkedIn: linkedin.com/in/stackwisedev Github: gith...
Product CRUD Operation | Shopify App Development using Node
Переглядів 1,5 тис.8 місяців тому
Hey Guys! 👋 In this tutorial you'll learn about Shopify REST Admin API. How to perform CRUD Operation on Products in #Shopify using #Shopify app. Timeline: 03:25 Understanding Hierarchy 05:38 Read all Products 13:23 Update Product 31:46 Create Product 39:30 Delete Product 👉 Code yaha hay: github.com/StackWise-Dev/shop-dashboard/tree/product-crud-opt Playlist: ua-cam.com/play/PLa8M6UHMGJ3H0A3sC6...
Local Storage & Session Storage in JavaScript
Переглядів 2338 місяців тому
Hey Devs! In this video you'll learn about session storage and local storage in JavaScript. We will cover two important use cases about session and local storage to store user login details and form data. Playlist: ua-cam.com/play/PLa8M6UHMGJ3GCEBMACjpHwnEvUEYeo0F5.html Join WhatsApp Group: whatsapp.com/channel/0029VaE5SvR4tRs1LZ3YS13o Find Me On: Twitter: stackwisedev Instagram: in...
Connect Shopify App to MongoDB | Shopify App Development
Переглядів 1,7 тис.9 місяців тому
Hey Devs! 👉 In this Video you will learn how to connect #Shopify backend and frontend. In a simple way you will learn how to connect #Shopify app to #mongoDB in a minutes and store user data into #mongoDB. Timeline: 03:05 Introduction to MongoDB 05:00 Create Database 06:15 Connect to MongoDB 13:50 Create Schema 15:20 Create Model 16:25 Create User 23:00 Read Users ❤️ MongoDB Playlist: ua-cam.co...
Setup and Use Shopify App Proxy | Shopify App Development
Переглядів 3,8 тис.9 місяців тому
Hey Everyone! 👋 In this tutorial you'll learn how to Send Storefront data to #Shopify App using #Shopify App Proxy. Proxy allows you to send user data like name, email to app. 👉 Theme App Extension yaha hay: ua-cam.com/video/JO8YqYPnuVo/v-deo.html 👉 Timeline: 00:19 Introduction to App Proxy 02:58 Setting Proxy in App 06:44 Creating Endpoint for Proxy 10:32 User Authentication 17:02 Sending Form...
Shopify Theme App Extensions | Shopify App Development
Переглядів 2,7 тис.9 місяців тому
Hey Dev's 👋.... Welcome to another video in we will learn about #shopify theme app extensions. how to build them and how to create CSS and JavaScript files for an extension. moreover we will learn how to add schema to the theme app extension. 00:45 Introduction 02:30 Creating Extension 05:35 Creating New Block 06:28 Writing Schema 11:20 Writing JS & CSS 14:34 Enable Extension 17:00 Design Form ...
Fetch Store Data | Shopify App Development | Node Template
Переглядів 4,2 тис.10 місяців тому
Hey Everyone! In this video you will learn how to fetch store data in #shopify app using Node template. In this Video we will fetch store information, products data, collections data and orders data. 👉 Code Yaha Hay: github.com/StackWise-Dev/shop-dashboard 👉 Playlist: ua-cam.com/play/PLa8M6UHMGJ3H0A3sC6OTBnj6XkU1woHZr.html Timeline: 00:20 Introduction 10:06 Fetch Store Information 19:32 Fetch P...
BOM in JavaScript | Browser Object Model in One Video
Переглядів 66610 місяців тому
Hey Guyz! Learn JavaScript Browser Object Model in One Video. This video covers all the important topics related to BOM. JavaScript Arrow Function: ua-cam.com/video/brHs9EXNb6A/v-deo.htmlsi=o9HV64q66DPyGVNz Playlist: ua-cam.com/play/PLa8M6UHMGJ3GCEBMACjpHwnEvUEYeo0F5.html Join WhatsApp Group: whatsapp.com/channel/0029VaE5SvR4tRs1LZ3YS13o Find Me On: Instagram: stackwisedev Twitter...
Design App Dashboard | Shopify App Development | Node Template
Переглядів 3,7 тис.10 місяців тому
Design App Dashboard | Shopify App Development | Node Template
Replication Set in MongoDB | Replica Step by Step
Переглядів 6 тис.11 місяців тому
Replication Set in MongoDB | Replica Step by Step
JavaScript DOM Projects part 2 | Products Filter App
Переглядів 22011 місяців тому
JavaScript DOM Projects part 2 | Products Filter App
JavaScript DOM Projects part 1 | Notes App
Переглядів 26311 місяців тому
JavaScript DOM Projects part 1 | Notes App
Exploring Node App Template | Shopify App Development
Переглядів 3 тис.11 місяців тому
Exploring Node App Template | Shopify App Development
Backup and Restore with Mongodump | Mongodb Atlas and Sharded Clusters
Переглядів 7 тис.Рік тому
Backup and Restore with Mongodump | Mongodb Atlas and Sharded Clusters
JavaScript Events Listeners | DOM Events | Event Object
Переглядів 295Рік тому
JavaScript Events Listeners | DOM Events | Event Object
DOM Events in JavaScript | Event Capturing and Bubbling
Переглядів 318Рік тому
DOM Events in JavaScript | Event Capturing and Bubbling
JavaScript DOM Manipulation | CRUD Operation on DOM
Переглядів 412Рік тому
JavaScript DOM Manipulation | CRUD Operation on DOM
DOM Get and Set Attributes | DOM Node Properties
Переглядів 359Рік тому
DOM Get and Set Attributes | DOM Node Properties
Shopify App Development | Using Node Template
Переглядів 9 тис.Рік тому
Shopify App Development | Using Node Template
DOM in JavaScript | Understanding the Web's DNA
Переглядів 351Рік тому
DOM in JavaScript | Understanding the Web's DNA
Call Apply and Bind in JavaScript | With Examples
Переглядів 387Рік тому
Call Apply and Bind in JavaScript | With Examples
Hoisting and Closure in JavaScript | Complete Details
Переглядів 539Рік тому
Hoisting and Closure in JavaScript | Complete Details
Object Prototype in Javascript | Hindi Urdu Tutorial
Переглядів 624Рік тому
Object Prototype in Javascript | Hindi Urdu Tutorial
Object Property Descriptors in JavaScript | Deep Dive
Переглядів 562Рік тому
Object Property Descriptors in JavaScript | Deep Dive
Thank you ❤
what is best way to mongo backups and maintain different instances of Mongo DB for different environments
As for my knowledge.... i use different configurations for each instance and for apps i use docker containers... There are also some instance management tools to handle this for you
Brother bht aala smjaty hain ap... Dexie js k sath agr jld video bna dain to bht acha hoga
Inshallah zaroor brother
bhai muzaffarabad s lg ra hain
Kia matlab bhayya
@@stackwisedevbhaia g.. Muzaffarabad, Kashmir ka capital ha.. M n kaha k ap whn s belong krty ho???
we need to created backend here only or can create that on separate app
Dear what do you mean by backend? Either API calls or doing something else
@@stackwisedev i have backend server that hosted some where else and also have some calls to other microservice. Actually I am creating a Shopify app of my app
@HARSHSHARMA-ke4jg you can host your app there too and make calls for micro services but make sure there are a lot of issues with shopify auth redirects.... For more discussion come to any social media platform please ❤️
Nice explanation. I want to inject reactjs app with a Theme app extension on the storefront. can you make a video or give me a some guide if you have any. it will help me a lot.
Come to social chat to understand the requirements
you do not call innerFunction while return from the outer function. you just do `return innerFunction`
That's true but we need to reserve the state so instead of calling it immediately we just return the inner function
Plzz yhi chij remix se krke dikhaoge sir mujhe remix se chahiye hai
Sure...
@StackWise Dev, when I submitted my app to public - shopify giving this error : Your app must immediately authenticate using OAuth before any other steps occur. Merchants should not be able to interact with the user interface (UI) before OAuth. Could you please help me here.
Following node or any other template
If I want to backup remote MongoDB collection to my local system?
Watch this video: ua-cam.com/video/vofx6XSFjsM/v-deo.html Or visit the 15th tutorial of this series
its really hand up to you how you explained everything but I have followed same but when project initiated its now showing there is not hooks folder inside the directory stuck there please help no able to fetch store data in app i have created custom hook but not working please help in that.
I have uploaded the latest template video in this series... Rest of the things are same
Thank you sir i tried to fetch product details its fetching unable to fetch store,name or orders even already updated scopes: read wrie orders
Sir, I am facing this issue Error fetching data: appBridge.subscribe is not a function. please suggest me.
Using an old template or new?
@@stackwisedev New and shopify app bridge react version 4.1.5
@@stackwisedev I have used the new template and appBridge version 4.1.5
deploying my Shopify app on a custom domain using Nginx and pm2.but it will cause issue :--------ensureInstalledOnShop did not receive a shop query argument | {shop: undefined} give me solution for this i am using digital ocean node droplet
trying last 1 week but no solution found plz help me
Like dediyaaa
Thanks 👍...
bhai please playlist of Aggregation Framework
Ok... ❤️
to the point explanation, nice
I have saved the data mongodb compass but I am facing the issue on getting the form data on shopify application page. Uncaught SyntaxError: The requested module /node_modules/.vite/deps/@shopify_app-bridge-react.js?v=7486fb8b doesn't provide an export named: 'Provider' - AppBridgeProvider.jsx file.
Great brother ❤
how to fix this issue, Your development session could not be created because the "_shopify_essential" could not be defined. Please, check your internet connection.
Does this error occur when you try to execute some endpoints
The app url changes every time I do a npm run dev . That means the proxy will be useless every time my development store is restarted and every time I'll have to update the app url in the proxy setting. Isn't there a better way such that I don't have to manually change the App URL?
In admin you need to change the URL every time when you start your server locally... Not able to find a better solution to replace it automatically so far....
I am facing issue "There was an error in the third-party application. "
In the third party app you need to verify the request using shopify auth token and shop name
1:10 Overview 2:50 : npm run shopify app generate extension 4:00 Folder structure 5:30 Creating own block 6:23 Schema 11:00 CSS JS 14:10 Preview in Dashboard and storefront 17:10 Styling the extension
Wow mere channel ka first comment hay jo pin hoga ❤️❤️❤️
This is best series in UA-cam and coverd all things in this series. Thank you for the helpful videos!. Keep it up.
Thank you so much sir ❤️❤️
i want to upload this app on live .... muje guidence chahiye uske liye
Come in personal chat after 7 pm
thanks a lot sir
import { useAuthenticatedFetch } from '../hooks' a kaise banaya , bata dena to a66a hoga
Ye default hota hay old template may new template ki video daali hay kindly check
in topbar.jsx i am getting this error when you console the data error: appBridge.subscribe is not a function i am using app bridge react version 4 ...please give me fast replay... i have very urgent project
hello sir???????????
Are you working with the updated node template?
@@stackwisedev yes
????
shopify.dev/docs/api/app-bridge/migration-guide
Thamks
sir whats difference between app and online store. And how to get the url link of app
App means a play store app and online store means your mobile in which you install app. You can find app url in shopify toml file
Hi, great video and love to see shopify app development series. Have you used gadget to create a shopify app? may be if you can make video on that it will be helpful
Sure, inshallah
Stack Wise Dev is a go-to resource for developers- I'm impressed And..
You're the star man! I just started this series. Don't stop please ❤️
Thanks a lot dear.. ❤️❤️❤️
thank you very much, nice explanation❤
Could you also add a splash screen before the app loads in the admin?
Sure
@@stackwisedev Thank you!
❤
just founded one more good teacher
❤️
terminal close krne pr replica session close toh nahi hoga?
Close hoga agar apka replica ksii server per nhi ho
npm run dev -- --reset command not working for installing app, still getting error what i can do?
If you are pulling node template now then no need to run this command issue is already fixed
very insightfull content sir. Thank you.
thank you sir great content
So nice of you
very helpful sir 😍
❤❤
amazing sir please shopify functions and webhooks 🙏
MashaAllah ❤
Good method.
Excellent bro, you explained in very simplest way ❤❤
nice and simple and sorted
Wow amazing
very helpful and easy to understand
it's nice to keep things update. love and respect sir ❤