Quando se trata de criar para a Web, há alguns estilos arquitetônicos que você precisa conhecer.
Por exemplo, um site "tradicional", também conhecido como aplicativo de várias páginas (MPA, na sigla em inglês), é um conjunto de páginas pelas quais os usuários navegam por solicitações de navegação tradicionais. Os sites estáticos são um bom exemplo desse estilo de arquitetura. Até mesmo sites com tecnologia de CMS (sistema de gerenciamento de conteúdo), como sites de blog e de marketing, também são exemplos do estilo.
Há também o estilo "moderno" de aplicativo de página única (SPA), em que a única solicitação de navegação é a primeira. As arquiteturas de SPA tendem a oferecer marcação mínima na solicitação de navegação inicial, que é preenchida por dados fornecidos pelas APIs do lado do servidor. Em seguida, esses dados são apresentados na marcação renderizada pelo cliente, fornecida por um roteador do lado do cliente, para cada navegação subsequente.
Seja qual for o estilo que você preferir, combinar uma determinada arquitetura com a implementação correta de service worker é fundamental para garantir alta confiabilidade e desempenho. O design aberto dos service workers (e o Workbox por extensão) oferece muita flexibilidade no processamento das solicitações de recursos, e a tecnologia pode ser adaptada ao estilo de arquitetura que você preferir.
Para começar, primeiro vamos abordar o que é necessário para criar um service worker que funciona melhor com um SPA. Depois, quando estiver tudo pronto para testar um padrão que amplie o esquema de navegação padrão do navegador e ofereça uma renderização super-rápida, confira nosso guia sobre como criar um service worker de streaming para aplicativos de várias páginas.