Angular Shopify App development

Solved
Anonymous
Not applicable

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

 

Accepted Solution (1)

Accepted Solutions
KarlOffenberger
Shopify Partner
1873 184 865

This is an 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.

 

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie

View solution in original post

Replies 4 (4)
KarlOffenberger
Shopify Partner
1873 184 865

This is an 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.

 

Liked this post? You might also like our fantastic upsell apps Candy Rack, Last Upsell post-purchase and Candy Cart or offer free gifts with Gift Box. All made with ❤️  and care by Digismoothie
Emilywhite
Shopify Partner
25 0 0

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
Shopify Partner
25 0 0

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
New Member
1 0 0

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!