Angular Shopify App development

[Anonymous]

Hi

Maybe it is not a new question but I want to know if is possible to create a shopify app with Angular?

Is there anything which I need to consider? I am following the following course:

https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react

After 2 hours React looks like a bunch of code blocks and needs more time to understand the mix of components.

But I think Angular works better for me. I like that the html and javascript or typescript is separated. 

I guess I can not use the React library polaris from shopify.

Thanks in advance

[KarlOffenberger · Accepted solution]

Hi @Anonymous 

In theory yes. Is it practical - opinions may be different but I'd say no considering how much information is available for Shopify app devs when using AppBridge and Polaris components for React.

That said, you can of course use Polaris styles on their own without the React components. That way you'd at least retain the design system guidelines set forth by Polaris and your app would look more Shopify native.

You will have a difficult time avoiding AppBridge though. You can avoid some of its components such as ResourcePicker but seeing how it's the state layer (uses Redux under the hood but that shouldn't concern you as you won't need to or can use it directly) bridging your app and the host shell (Shopify Admin) you'll need some of it.

[Emilywhite]

Hi

You can build a Shopify app by using Angular for user interface development. You can utilize the Shopify API with the front-end framework to develop a custom website that meets your specific needs. But everything may not be possible and you may have to build many features from the ground up. Shopify comes with excellent functionalities that make Shopify web development a premier choice for eCommerce businesses.

As Shopify offers both GraphQL API and REST API, it is possible to build a JavaScript client that can fetch the data from Shopify and it can work with Angular 2 to render the data with your site on the front-end side. You can utilize the HTTP client of Angular 2 for remote data. So, there is a pretty possibility for this.

[Emilywhite]

Hi,

You can build a Shopify app by using Angular for user interface development. You can utilize the Shopify API with the front-end framework to develop a custom website that meets your specific needs. But everything may not be possible and you may have to build many features from the ground up. Shopify comes with excellent functionalities that make Shopify web development services a premier choice for eCommerce businesses.

As Shopify offers both GraphQL API and REST API, it is possible to build a JavaScript client that can fetch the data from Shopify and it can work with Angular 2 to render the data with your site on the front-end side. You can utilize the HTTP client of Angular 2 for remote data. So, there is a pretty possibility for this.

[is-sam]

Hi,

Is it really possible to call the Shopify API and specifically the Admin API from a Front-End directly?

I read in this response that I have to call the API from a Back-End project https://community.shopify.com/c/Shopify-APIs-SDKs/Using-APIs-from-a-different-origin-domain/m-p/5047...

When I try to call the Admin API using Angular HttpClient I get a CORS error...

Thank you!