Developers February 9, 2020

Best resources and tools for building a Shopify app?

Spencer Jones @jones_spencera

I'm thinking about building a Shopify app and looking for any suggestions for tools and resources that might help get me started. I did the official "hello world" tutorial that used React, Next.js, Apollo/GraphQL and Koa + Node—that seemed like a promising start and I've got experience in React and Node... but open to other suggestions for other frameworks. Thanks for the help!

  1. 5

    I'm thinking about sharing my experience around building, publishing and making money on a Shopify app. There are many details that you won't find in official tutorials. Please sign up if you are interested:

    1. 1

      Very interested! Signed up :)

  2. 1

    I'm building my first Shopify app and I found some resources that may help you:

    Shopify App CLI : Shopify app cli will help create your app and serve your app, get ngrox link and update the link of it in your Shopify app dashboard

    Shopify App Tutorial : I found this tutorial useful and save a lot of times

    1. 1

      Thanks! That’s helpful. Haven’t tried the CLI yet, but if it can update the Ngrok link automatically it would save so much dev time

      1. 1

        You're welcome. Yes, it's automatically updating your Ngrok Link

  3. 1

    I built my Shopify app using a simpler stack. It's still on Node.js with the official Shopify API module, but instead of React I used Vue.js and Uptown CSS to create a UI that looks like Shopify admin panel. I don't even need webpack or any other bundler.

    1. 1

      UptownCSS looks nice. Thanks for the rec.

      I am curious how you’re shipping Vue without a module bundler? I’ve always used Vue with Webpack.

      I’m also looking at Polaris for React, which accomplishes something similar to Uptown, but with React components

      1. 1

        Yeah, if you are experienced with React then it's probably better to use the official Polaris components. For me it was just too much hassle.

        As for Vue without Webpack, it's just that every view in my app is a separate Vue instance. I load vue.js plus a few other libs from CDN. I have also a bit of server-side rendering with EJS to include partials shared across views.