Planejo listar aqui os passos para se criar uma aplicação PWA,
Docs interessantes para a leitura
até agora esse aqui 👆🏾 foi o melhor em 👀
Projetos
Anotações
Sobre service workers
Criando o service workers
딜리버스Creating PWA with React in Typescript
Creating PWA with React in Typescript
딜리버스Único ponto desse foi que ele tacou any em todos os eventos, meu typescript ta reclando dos eventos
aparentemente precisamos do workbox-core
Chrome for Developersbuild do arquivo de trabalho | Modules | Chrome for Developersbuild do arquivo de trabalho | Modules | Chrome for Developers
Chrome for Developersainda tentando tipar as coisas, li um pouco mais sobre ExtendableEvent
MDN Web DocsExtendableEvent: ExtendableEvent() constructor - Web APIs | MDN
ExtendableEvent: ExtendableEvent() constructor - Web APIs | MDN
MDN Web Docsno fim consegui resolver instalando os tipos manualmente com
yarn add -D @types/serviceworkere por fim funcionou salvar em cash as infos do site localmente PR da implementação inicial:
Add "@types/serviceworker" dependency and service worker
localmente pode ate ter funcionado mas na vercel nao, tem mais coisas pra resolver antes de estar ok, pelo que entendi, tem que especificar que queremos fazer o build do service worker separado, e tem que falar pra rotear uma rota para acesso dele tambem
ChatGPT
ChatGPT
Add Footer component and improve routing, lazy loading, and service worker