Learn about multi-origin PWAs: From best practices to overcoming challenges, and the release of a new API in origin trial: Web App Scope Extensions.
This is the first video of a 2-part series about PWAs on sites that contain multiple origins.
Check out part 2: Building multiple Progressive Web Apps on the same domain → https://goo.gle/47hVtyx
Chapters:
00:00 – Introduction
1:01 – Architectural decisions on a PWA project
1:23 – Good / Acceptable uses of multiple origins
1:37 – Localization
2:06 – Independent Web Apps:
2:32 – Creating entry points to common sections
3:07 – Non-recommend uses of multiple origins
3:24 – Arbitrary separating site sections or user flows
4:03 – Legacy reasons
4:43 – Organizational needs
5:12 – Recap of good uses and bad uses
5:17 – What is an origin?
6:30 – Same-origin policy
8:25 – Out of scope bar
8:40 – Key takeaway
9:02 – Workarounds if you are not able to move to a single subdomain
10:15 – Scope extension API
11:33 – Addition resources
Resources:
Multi-origin PWAs article → https://goo.gle/multi-origin-pwas
Web App Scope Extensions article → https://goo.gle/3NP7aFY
Web App Scope Extensions origin trial → https://goo.gle/scope-extensions-ot
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#ChromeForDevelopers #Chrome
Speaker: Demian Renzulli;