static pwa boilerplate

Modelo HTML básico para aplicativos da Web progressivos estáticos modernos

Pronto para criar um aplicativo estático progressivo da Web com um manifesto e um trabalho de serviço, facilmente implantável com as páginas do GitHub.

Inclui:

• Imagens de miniatura
• Skeleton CSS + Normalizar
• Manifesto do aplicativo da web
• Trabalhador de serviço básico + companheiro de registro
• Suporte inicial à notificação da Web Push (você precisará de um servidor externo)

Demo: https://gallaoro.github.io/static_pwa_boilerplate/ ou visite a filial GH-Pages deste repositório

Instalação

• Instale o git git sudo apt-get install git
• Clone the repo: git clone https://github.com/lellefood/static_pwa_boilerplate.git
• Renomear diretório: mv static_pwa_boilerplate <new_project_name>
• Diretório de mudança: cd <new_project_name>
• Modifique o manifest.json com suas informações
• Comece a escrever seu site

Em desenvolvimento

Estrutura da pasta do projeto

 root
├── css
│   └── skeleton.css
│   └── normalize.css
│   └── index.css
│
├── js
│   └── index.js
│
├── img
│   └── thumb
│       └── 64.png
│       └── 144.png
│       └── 192.png
│       └── 512.png
│       └── 1366x768.png
│
├── index.html
├── manifest.json
├── README.md
└── serviceworker.js

Perguntas frequentes

• Como posso adicionar uma nova página? Adicione um novo arquivo <new_page_name>.html na raiz do projeto.
  Link para ele com /<new_page_name>.html

• Como posso adicionar notificações de push da web? O código inicial para obter uma inscrição de pushscription já está fornecido no script index.js , siga este tutorial para saber como o Web Push Work.

Implantar

Siga as instruções simples no site do Github Pages para saber como implantar seu PWA gratuitamente