https://github.com/tzmanics/angular-shopify

（ ﾟ Дﾟ)ノ[ ($) ] An E-Commerce example using Angular, Shopify, & Netlify Functions
https://github.com/tzmanics/angular-shopify

angular ecommerce netlify-functions ngrx serverless-functions shopify

Last synced: about 24 hours ago
JSON representation

（ ﾟ Дﾟ)ノ[ ($) ] An E-Commerce example using Angular, Shopify, & Netlify Functions

• Host: GitHub
• URL: https://github.com/tzmanics/angular-shopify
• Owner: tzmanics
• Created: 2021-08-18T03:58:56.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-08-25T14:12:25.000Z (over 4 years ago)
• Last Synced: 2026-01-02T09:16:13.994Z (3 months ago)
• Topics: angular, ecommerce, netlify-functions, ngrx, serverless-functions, shopify
• Language: TypeScript
• Homepage: https://angular-shopify.netlify.app/
• Size: 254 KB
• Stars: 14
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# （ ﾟ Дﾟ)ノ[ ($) ] Angular Shopify

[![Netlify Status](https://api.netlify.com/api/v1/badges/4ca9ef0e-e6b5-43e3-90ce-c5296ab74bba/deploy-status)](https://app.netlify.com/sites/angular-shopify/deploys)

An E-Commerce example built with Angular, Shopify & Netlify Functions! You can learn more about this project [by cheking out this blog post](https://ntl.fyi/3zjDvvk).

> [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/tzmanics/angular-shopify&utm_source=blog&utm_medium=ng-shopify-tzm&utm_campaign=devex)

## What's the dealio?

This template is based on a charcuterie dealership but if for some reason, that's not your business, you can customize the products and headers. This template sets up the process to:

- Grab products from Shopify for the main products page

- Use [NgRx](https://ngrx.io/) to manage the state of the cart & products list

- Loop through the products in a details page that uses the product title as the route

- Add radio buttons for products with multiple variants

- Utilize the Shopify cart to add and remove items and

- Add taxes and shipping to show the user the total amount

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.1.3.