Remix - New Era of Shopify App Development

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ • 102

  • @martiarnauortega813
    @martiarnauortega813 Рік тому +3

    You explained the basics with such clarity! You are a wonderful teacher : )

  • @markm3407
    @markm3407 Рік тому

    Man, thank you so much for this video. I didn't understend what's the loader functions and how is it working. I read all docs and I just didn't find anything. But you saved a week of my life. Just please, keep realese your videos!

  • @meesh9229
    @meesh9229 Рік тому

    Test Testerson 😂 This video was literally lifesaving. Really appreciate you explaining the structuring of the files, thank you!!

  • @yatharthmakar8824
    @yatharthmakar8824 Рік тому

    Your videos are so helpful... i successfully made a shopify app watching your tutorials. Wating and excited for a tutorial on new remix template!!

  • @Lenny_Malcolm0
    @Lenny_Malcolm0 Рік тому

    Great video👏 The best I've seen on Shopify apps💯

  • @spearoxtv
    @spearoxtv Рік тому

    Can't wait for more. Very good introduction video!

  • @jinsy_
    @jinsy_ Рік тому +2

    Great video Alex! Really keen to see the next video of how you walk through a full app developemnt. This new remix template looks quite neat!

  • @seanlauer5594
    @seanlauer5594 Рік тому +1

    Very good introduction video for the Shopify remix app template. Looking forward to seeing more videos for building the apps using the REMIX template.
    Thanks Alex.

  • @hacun3jr
    @hacun3jr Рік тому +2

    Looking forward to the full tutorial. This is awesome.

  • @AntonioBrandao
    @AntonioBrandao 7 місяців тому

    My changes are not reflected in the browser using the Preview URL and I can't figure out why...

  • @SADDEKRABAH
    @SADDEKRABAH Рік тому +1

    Great, thanks. can't wait for the next tutorial

  • @deonnahodges
    @deonnahodges Рік тому

    This is top-notch content. Can't wait for the next video.

  • @maxivy
    @maxivy Рік тому

    Fantastic job. I really appreciate this.

  • @xiaopeiyi
    @xiaopeiyi Рік тому

    Great job and impressive! Subscribed.

  • @grantemerson5932
    @grantemerson5932 3 місяці тому

    Awesome video! Thank you

  • @majia9158
    @majia9158 Рік тому

    Very helpful. Waiting for your next video

  • @MitThaker
    @MitThaker Рік тому

    Awesome. waiting for next video.

  • @adriansomor
    @adriansomor Рік тому

    Thanks for the video Alex!

  • @alacris110
    @alacris110 Рік тому

    That was really helpful, thanks for explanation!

  • @user-jg5zh9de2q
    @user-jg5zh9de2q 4 місяці тому

    Very nice video, Many Thanks
    I would like to know how to trigger GA4 events from web pixel extension within the App specially on checkout page.

  • @thomasadelaney5479
    @thomasadelaney5479 Рік тому +2

    Fantastic job, Alex! Looking forward to your next video. If you can throw in a webhook feature as part of the full app, this would be most appreciated.

  • @venkimithu
    @venkimithu Рік тому

    Wow. You explained it nicly. How save form data from theme app extension?

  • @fatgrubman645
    @fatgrubman645 Рік тому +1

    Can't wait for more. Remix seems very complex (I've struggled!) but very powerful so would love to learn it better.

  • @sgsniper1
    @sgsniper1 Рік тому

    very intuitive, thanks for doing this

  • @elizabethcurneal5556
    @elizabethcurneal5556 Рік тому +1

    Awesome 👍🏼

  • @arifhussainsoomro2603
    @arifhussainsoomro2603 2 місяці тому

    Wonderful explanation. How can I call it in liquid section? Have I need to use Iframe?

  • @laserz23
    @laserz23 Рік тому +1

    super helpful video!

  • @drkoop7168
    @drkoop7168 Рік тому

    great video, great explonations CONGRATS BRO ! Im waith for the a basic app project shopify with prisma-remix, thanks !!!!!!!

  • @enviidakid
    @enviidakid 9 місяців тому

    Where do you setup puttng your API Keys? How does npm run dev know about your store if this is a new app?

  • @fg0611
    @fg0611 Рік тому

    Very interesting i'm starting to build a shopify app on my job. I just have to display few buttons to execute a payment process.
    Thanks!

  • @124horst
    @124horst Рік тому

    thank you very much! very cool insights

  • @vertonnes
    @vertonnes Рік тому

    Hi Alex, could you make a video talking about handling freight and regions? Due to a difficulty I have with shipping profiles, I wanted to create personalized templates.

  • @satishpurohit2035
    @satishpurohit2035 7 місяців тому

    Nice content, I want to know how can I can show piece of information(e.g. div with message) on store home page.

  • @isheeze
    @isheeze Рік тому

    A very informative video... can you please explain how we will use app proxy using remix template

  • @sudiptasundar
    @sudiptasundar Рік тому +1

    After I run npm run dev and navigate to the app url...I am getting 401 unauthorised error from graphql api.
    Any ways to fix that ?

  • @guynahon6013
    @guynahon6013 10 місяців тому

    Thanks for the video i learned a lot! I wanted to know how do i use the old templates? For example i want to use react and express

  • @alien372
    @alien372 Рік тому +1

    hey alex, currently building an app, excited for your next video of you building shopify apps.
    Would you recommend any other videos/ creators on youtube for tutorials on building shopify apps?
    Loved the video, helped a ton!

    • @devwithalex
      @devwithalex  Рік тому

      Kinngh is a great person to follow in this space! www.youtube.com/@KinnghHeura

  • @justdoitk
    @justdoitk 10 місяців тому

    How do you manage the extension app based on customer subscription? right now once the app is installed also the theme extension is installed and not waiting for the subscription to get approved by the customer.

  • @stevesmith0624
    @stevesmith0624 Рік тому

    can you do a full course on this, including shopify functions and app extensions? thanks

    • @devwithalex
      @devwithalex  Рік тому

      I'm going to start releasing longer app build videos, some of those will definitely include functions and extensions!

  • @infiniteS3t
    @infiniteS3t Рік тому

    Is there a way to force Typescript rather than JS when creating the app?

  • @spacetime3636
    @spacetime3636 10 місяців тому

    I'm using Hydrogen in Shopify, but, i have theme , How a Deploying un my domain with Oxygen Shopify?

  • @umairyasin5951
    @umairyasin5951 Рік тому

    When the new videos on remix are coming? I'm waiting please make more videos on remix.

  • @marcosierra4910
    @marcosierra4910 Рік тому

    when is the next video I would like to deploy an app soon

  • @rakibahmed1011
    @rakibahmed1011 Рік тому

    Make video on theme extension and how we can use relational db...

  • @Jyotiyadav-e7q2o
    @Jyotiyadav-e7q2o 10 місяців тому

    How to save form data in database?

  • @hoangmachvan1693
    @hoangmachvan1693 Рік тому

    Could you make a video on how to deploy the app to the ubuntu server?

  • @DEV_Wasiq
    @DEV_Wasiq Рік тому

    Hi!. I am using Remix.js through the Shopify App proxy (I need to run it on the proxy to make it work with something.) So Cors origin issue due to proxy. I already added the crossOrigin="anonymous" in the Scripts Components of Remix and Access-Control-Allow-Origin header in the entry.server. Due to the header, it's working for routes defined in the routes folder. But I am facing CORS on the build folder.

  • @gurindersason
    @gurindersason Рік тому

    Thanks for the video. this video helped me in building an app with remix which store some configuration with prisma in sqlite. I have query can we use this configuration data in extension as in need this data in extension, how i can do that?

    • @devwithalex
      @devwithalex  Рік тому

      You can set up an app proxy and call your endpoint from your extension, easy and safe way to fetch data

  • @VikashKumar-ry4wl
    @VikashKumar-ry4wl Рік тому

    its very knowledgeable video. But my problem is one step ahead. how do we communicate with the our store that we install the app. Like i want change my Product listing page of store based on my app's working.

    • @devwithalex
      @devwithalex  Рік тому

      Changing the store theme requires use of theme app extensions, I'll cover those at some point but you can read about it here: shopify.dev/docs/apps/online-store/theme-app-extensions

  • @ceez3317
    @ceez3317 Рік тому

    waiting on that new video!

  • @TranQuangHuy-x4r
    @TranQuangHuy-x4r Рік тому

    do you know how to call a storefront API in remix route?

  • @tanvirahmed3154
    @tanvirahmed3154 Рік тому

    Great video Alex! it's really helpful for me. I would be happy if you share your knowledge about Shopify development .

  • @kashyapmakwana907
    @kashyapmakwana907 Рік тому

    How can we use scriptTag to load script on storefront in remix local environment?

  • @krishnaharsh483
    @krishnaharsh483 Рік тому

    Please make video on how to call APIs and update product data also.

  • @MuhammadUmarKhan-mumarse
    @MuhammadUmarKhan-mumarse Рік тому

    can you create a video in which tell us how to connent mongodb and how to create mongodb model/schema etc

  • @techforsolution2505
    @techforsolution2505 Рік тому

    Hi Alex. Need you help here. I am getting the following error right after I installed my remix based app on my shopify development store.
    "This app can’t load due to an issue with browser cookies. Try enabling cookies in your browser, switching to another browser, or contacting the developer to get support."
    I checked my browser cookies setting and it's already enabled. Changing browser from Chrome to Firefox also couldn't help.
    I also following the following steps suggested on stackoverflow:
    npm run config:link
    npm run config:push
    npm run dev
    Anything I might be missing? Thanks in advance.

    • @devwithalex
      @devwithalex  Рік тому

      Haven't seen this before on a brand new app, are you still getting this right after setting up the template? And does it happen with any other templates?

    • @techforsolution2505
      @techforsolution2505 Рік тому

      @@devwithalex Yes, this is happening right after installing with remix. I gave up and left it at that time since I had other things to do. And no, I don't think it showed for other templates.
      By the way, I am vuejs/react dev but I wanted to get into shopify development also but there aren't much resources out there to learn. Any tips?

  • @SvarYogiFanclub2211
    @SvarYogiFanclub2211 Рік тому

    Hey Alex, can you please make video on how to store data in database in next video and other concepts in it to start to develop basic app?

  • @ankitkhand8428
    @ankitkhand8428 Рік тому

    It's really helpful. Can you please make a video tutorial creating a simple Shopify app using Remix? for example: display top selling products or bundle discounts

  • @CaiqueMolina
    @CaiqueMolina Рік тому

    Hi Alex, I loved your video. Nice job! I am having trouble trying to upload the Remix App Template to Digital Ocean using the Managed Apps, I followed your old video, but had no success. It would be awesome if you do the same video again uploading the new Remix app template

  • @Endeavour95
    @Endeavour95 Рік тому

    Any idea why a have 401 error when i run dev the app?

  • @Archipelagia
    @Archipelagia Рік тому

    Thanks for the overview, Alex! I got a quick question on something you hadn't covered - how do you make API calls outside of the loader function with the Remix template?
    I mean, you can only use `const { admin } = await authenticate.admin(request)` in loader, right? But if you need to get some extra data, then you can't use loader again without refreshing the page. Can you even do that with the default Remix template?

    • @devwithalex
      @devwithalex  Рік тому

      You can put all of your data fetching code in the loader, it's a remix function and isn't restricted for Shopify authentication. So you can make as many calls to external API's as you want there. The loader function does only run once before the page is rendered though, so if you need to fetch data after the page has loaded and everything on the client, then you can just fetch how you normally would using react in the route component.

  • @yatharthmakar8824
    @yatharthmakar8824 Рік тому

    When are we getting more videos on remix??

    • @devwithalex
      @devwithalex  Рік тому +1

      Just released one, more incoming as well

  • @richard-schneider
    @richard-schneider Рік тому

    yo have an abo more! Thank you for your great content!

  • @chrisrivers577
    @chrisrivers577 Рік тому

    How long until the next video? 👍

    • @devwithalex
      @devwithalex  Рік тому +1

      Just put one out, more full app builds incoming as well

  • @Rohit-ez1oz
    @Rohit-ez1oz Рік тому

    Waiting for the next video

  • @MusaRehman-m9o
    @MusaRehman-m9o Рік тому

    THank you kindly make more videos

  • @jhoanmartinezsilva2609
    @jhoanmartinezsilva2609 9 місяців тому

    Someone else got a 404 when redirect from the terminal to install?

  • @zurcxer
    @zurcxer Рік тому

    How do you do API endpoints with Remix?

    • @devwithalex
      @devwithalex  Рік тому

      If you create a route with no default export, you can use the loader function as a GET endpoint and the action function as a POST/DELETE/PUT endpoint

  • @eugenefedorov3498
    @eugenefedorov3498 Рік тому

    Great tour, where is you next paid lesson? =)

  • @aeroartz4080
    @aeroartz4080 Рік тому

    Is it still possilbe to use Node Js

    • @devwithalex
      @devwithalex  Рік тому

      Yeah, absolutely

    • @aeroartz4080
      @aeroartz4080 Рік тому

      @@devwithalex Any idea how I can do it , when I create a project it doesnt give me the option for node it just shows two options , remix and app extensions.

    • @devwithalex
      @devwithalex  Рік тому

      The latest CLI template will only give you those options, but you can just clone an older or different node version template directly from GitHub. Here's one for example: github.com/Shopify/shopify-app-template-node

  • @Nimbleform
    @Nimbleform Рік тому

    plese make more video on it

  • @logarithm0
    @logarithm0 Рік тому

    Looking forward to your next video! the shopify tutorial on the "qr code app" is very bad :|

    • @devwithalex
      @devwithalex  Рік тому

      It's actually a great tutorial, but I just released a walkthrough video going through it a little more in depth and explaining each step. You do need to have some dev knowledge beforehand though so if you don't know react or js, then you'll have a hard time

  • @prateekaggarwal3888
    @prateekaggarwal3888 Рік тому

    Please make more videos😊😊😊😊

  • @prateekaggarwal3888
    @prateekaggarwal3888 Рік тому

    😊😊

  • @ViratKolhi-y7k
    @ViratKolhi-y7k Рік тому

    2:10

  • @tandaramandaraba
    @tandaramandaraba 8 місяців тому

    is it posible that developer use fucking shopify what you cannot even touch before you not pay for shit cms :S very stupid era coming :/

  • @gulshansharma1337
    @gulshansharma1337 Рік тому

    Really Appreciated.

    • @gulshansharma1337
      @gulshansharma1337 Рік тому

      @RAA Can you please also provide a tutorial for polaris with remix framwork

  • @dragotti
    @dragotti Рік тому

    I thought that we could use the remix template to build the ecommerce directly in js 🥲 is there any possibilities to develop the ecommerce with react/nextjs without using the liquuid templates?

    • @devwithalex
      @devwithalex  Рік тому

      You can use their headless offerings (hydrogen/oxygen) for custom use cases but I'd 100% recommend just learning liquid if you want to do anything related to themes