static pwa boilerplate

Plantilla HTML básica para aplicaciones web progresivas estáticas modernas

Listo para crear una aplicación web estática progresiva con un manifiesto y un trabajador de servicios, fácilmente desplegable con páginas GitHub.

Incluye:

• Imágenes de miniatura
• Esqueleto CSS + Normalizar
• Manifiesto de la aplicación web
• Trabajador de servicio básico + Compañero de registro
• Soporte inicial de notificación de push Web (necesitará un servidor externo)

DEMO: https://gallaoro.github.io/static_pwa_boilerplate/ or visit the gh-pages branch of this repository

Instalación

• Instalar git sudo apt-get install git
• Clon el repositorio: git clone https://github.com/lellefood/static_pwa_boilerplate.git
• Directorio de cambio de nombre: mv static_pwa_boilerplate <new_project_name>
• Directorio de cambio: cd <new_project_name>
• Modifique el manifest.json con sus información
• Empiece a escribir su sitio web

Desarrollo

Estuctura de la carpeta del proyecto

 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

Preguntas frecuentes

• ¿Cómo puedo agregar una nueva página? Agregue un nuevo archivo <new_page_name>.html en la raíz del proyecto.
  Enlace a él con /<new_page_name>.html

• ¿Cómo puedo agregar notificaciones push web? El código inicial para obtener una inscripción a PushScription ya se proporciona en el script index.js , siga este tutorial para saber cómo funciona Web Push.

Desplegar

Siga las instrucciones simples en el sitio web de GitHub Pages para saber cómo implementar su PWA de forma gratuita