PWA Studio Best Practices for Beginners
summary
Scaffolding tool generates a working PWA Studio storefront in about two minutes and includes a service worker and env/config files so the app can point at Magento via the Upward connector and go live; Venia provides ready UI components (Venia UI) and a business layer (Peregrine) with peregrine talons (component-specific hooks) for logic separation. Builds use buildpack and validate-queries, caching relies on Apollo cache with fetchPolicy cache-and-network, and customizations happen via an extensibility framework with targets and targetables that modify packages at build time without forking the monorepo.
AI-written summary · about
chapters (20)
- 0:00Intro
- 1:14What is a Progressive Web Application (PWA)?
- 6:01What is PWA Studio?
- 8:34Use the scaffolding tool
- 9:08Scaffolding tool in action
- 9:45Your new storefront project
- 10:54Why scaffold?
- 12:26Separation of concerns
- 14:34Example of code separation
- 15:27Peregrine talons
- 16:46CSS modules
- 18:20Client-side caching
- 18:52Service Worker
- 19:44Apollo Client cache
- 21:11Internationalisation framework
- 22:39Translation dictionaries
- 23:44Extensibility framework
- 24:34How extensibility works
- 26:30Targetables
- 27:12Targetable types
