I believe there is a lot of development in terms of React libraries, but Shopify has left other developers in wait. I was expecting to see some template projects build with Nuxt to tackle Shopify App Bridge but couldn’t find any. If anyone has a template or a resource to start with, I’ll be grateful.
P.S. @Shopify_77 I’m looking for your contributions as well.
Hello @heyrohit
We love Vue, and so use Nuxt for our development. However, there was no official support for Vue/Nuxt.
That is why we had built a custom framework for building app. I can not share the starter template, however I can share some info so you can have a clue:
Use Nuxt 2 so it can be integrated in the Node server (Nuxt 3, unfortunately, cannot, or maybe I’m wrong)
Rebuild the Polaris library for Vue (there are some open-source projects already that you can use)
Shopify AppBridge can be used on any project, not only React, so you can use it in Nuxt project also.
Hello @heyrohit ,
You can use Nuxt 3 and official Shopify packages like
@shopify/app-bridge
@shopify/shopify-api
@shopify/admin-graphql-api-utilities
to successfully create and deploy a Shopify app.
The mentioned libraries can help you, manage authentication, sessions, webhooks, API calls and everything you will need. Nuxt 3 also offers a folder structure architecture forAPI calls which works quite well. This means that you don’t have to initialize a custom server (e.g. Koa or Express) like in Nuxt 2 in order to get your app working.
Setup can be a bit complex at first but once you understand how all the pieces works it’s a very solid solution and works quite well even for advanced dev-ops e.g. take advantage of edge or serverless functions which can improve the speed of your app.
Please contact me and I can provide any tips you might need. I had the same dilemma myself and since I have invested a lot in Vue.js in general, the lack of resources made me create something on my own. I will be glad to help others.
this is the greatest resource I have ever found I’m studying nuxt3 for sometime I can manage to build front-end integrated with vanilla , jquery tailwindcss , aos and gsap but building shopping system is rather quite new to me and as you may notice nuxt3 is not so much doc and solution out there (yet) in this term I wanna learn more about nuxt3 and shopify it’s awesome but just don’t know how yet
thank you so much for some clues
I would be very happy to reach you out or plz feel free to contact me
thank you so much sir/ma’m
Hi Skoulix!
I am working on a nuxt shopify store and would love to ask you some questions. Whats the best way to get in touch?
Thanks!
Hi @heyrohit i and my team just create a app that can run shopify admin app for nuxt, you can see here https://www.npmjs.com/package/shopify-nuxt hopefully it will work like shopify-app-react-router / shopify-app-remix