static pwa boilerplate

Modèle HTML de base pour les applications Web progressives statiques modernes

Prêt à créer une application Web progressive statique avec un manifeste et un travailleur-service, facilement déployable avec les pages GitHub.

Comprend:

• Images miniatures
• Squelette CSS + normaliser
• Manifeste d'application Web
• Travailleur de service de base + compagnon d'enregistrement
• Prise en charge initiale de la notification de push Web (vous aurez besoin d'un serveur externe)

Demo: https://gallaoro.github.io/static_pwa_boilerlate/ ou visitez la branche GH-Pages de ce référentiel

Installation

• Installer git sudo apt-get install git
• Clone The Repo: git clone https://github.com/lellefood/static_pwa_boilerplate.git
• Renommer répertoire: mv static_pwa_boilerplate <new_project_name>
• Répertoire de modification: cd <new_project_name>
• Modifiez le manifest.json avec vos informations
• Commencez à écrire votre site Web

Développement

Stucture du dossier du projet

 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

FAQ

• Comment puis-je ajouter une nouvelle page? Ajoutez un nouveau fichier <new_page_name>.html dans la racine du projet.
  Lien vers lui avec /<new_page_name>.html

• Comment puis-je ajouter des notifications push Web? Le code initial pour obtenir une pushSubscription est déjà donné dans le script index.js , suivez ce didacticiel pour savoir comment fonctionne le web push.

Déployer

Suivez les instructions simples sur le site Web des pages GitHub pour savoir comment déployer votre PWA gratuitement