An Angular 2 StorefrOnt for Headless

Magento 2

Roc Wang

Architecture

Semantic-UI

Angular 2

Magento 2 REST API

Catalog

  • User experience
  • Minimalist design
  • Custom animation

Checkout

  • One Page
  • Better Country Selection
  • Card.js

Demo

Planned Improvements

Featured

  • Integrate with CMS pages / blocks via API for daily marketing and operation

Catalog

  • Product View
  • Complex product type support
  • Search & Filters
    • Performance
    • Alternative Engine
      • Solr
      • Algolia
      • Elasticsearch
      • ......

Checkout

  • Cart item image
  • Billing Address
  • Integration with DPS and other payment gateways
  • requestAutocomplete

My Account

  • Dashboard
  • Account Information
  • Address Book
  • My Orders
  • Newsletter Subscriptions
  • My Product Reviews
  • My Wish List
  • ......

One More Thing...

Elevator.js

Thank You !

Q & A

Angular 2 Storefront for Headless Magento 2

By Roc Wang

Made with Slides.com

Angular 2 Storefront for Headless Magento 2

Magento 2 comes with rich [REST API](http://devdocs.magento.com/guides/v2.0/get-started/bk-get-started-api.html) support, which contains almost every features you can find in the native front end. So in theory, we can build a standalone web app as an alternative storefront, which consumes the API provided by a headless Magento 2 instance.

  • 8,333

More from Roc Wang