# Pwaterval ## How to choose a headless strategy #### by Jisse Reitsma (Yireo)
# Jisse Reitsma - Founder of Yireo - Trainer in Magento 2, VueStoreFront, React - Creator of MageTestFest & Reacticon (and v3) - Organizer of usergroups, hackathons - Magento Master 2017/2018/2019 Mover - Member of ExtDN (Magento Ext Dev Network)
# How to choose a PWA strategy?
## Good question
# First things first
# What is PWA? - Add-to-homescreen option (manifest.json) - Push notifications (service worker) - Offline shopping (service worker)
You can do this with the current frontend of Magento 2 too
... except for offline shopping
# The real revolution is headless
# What is headless development? - Decoupling frontend from backend - Independent progress in separate teams (backend dev, frontend dev) - Frontend devs need to know less about their backend application - Magento as a remote API instead of a monolith - Magento always sucked in some places, especially its CMS and frontend - Option for an unopinionated middleware layer - Connections with Magento, Shopware, CMS-es
# Vue options - VueStoreFront - Bluebird Day - Custom built
# React options - Magento PWA Studio - DEITY - Front Commerce - Neo StoreFront - ScandiPWA - Duka - Custom built
# What are you looking for?
# What are you looking for? - Faster development, easier scaffolding, lower costs - Completely customizable technology that fits your specific needs
# Which solution are you looking for? - Ready-made solution - Custom-made solution
# Which solution are you looking for? - Ready-made solution - The more scenarios are covered, the more complex it becomes - Perhaps some extensions are available - Custom-made solution
# Which solution are you looking for? - Ready-made solution - Custom-made solution - Does exactly what you want, no fluff - Forget about extensions ... on the client-side
# Vue options - VueStoreFront - VueJS, REST, middleware - Bluebird Day - VueJS, Apollo/GraphQL
# React options - Magento PWA Studio - ReactJS, GraphQL, no middleware - DEITY - ReactJS, REST/GraphQL, middleware - Front Commerce - ReactJS, Apollo/GraphQL, middleware - Neo StoreFront - ReactJS, GraphQL, no middleware - ScandiPWA - ReactJS, GraphQL, no middleware - Duka - ReactJS, GraphQL, no middleware
# Custom built option - Vue or React? - GraphQL (with Apollo) or REST? - Middleware or not?
# Why middleware? - Backend-agnostic architecture - Magento, Shopware, Shopify, BigCommerce, WooCommerce - PIM, ERP, CRM, ... - Better performance - PHP versus NodeJS - Caching abilities - Awesome stuff - Server Side Rendering - GraphQL Schema Stitching
# Take your pick - VueStoreFront - Magento PWA Studio - DEITY - Front Commerce - Neo StoreFront - ScandiPWA - Custom built
# Choose the stack that fits YOU ## slides.yireo.com/yireo/pwaterval
#MUG076 - Meetup hosted by Bluebird Day