static pwa boilerplate

Базовый шаблон HTML для современных статических прогрессивных веб -приложений

Готово создать статическое прогрессивное веб -приложение с манифестом и работником обслуживания, легко развертываемой с помощью страниц GitHub.

Включает в себя:

• Миниатюрные изображения
• Скелет CSS + нормализовать
• Манифест веб -приложения
• Основной работник службы + компаньон регистрации
• Первоначальная поддержка уведомлений о веб -push (вам понадобится внешний сервер)

Демо: https://gallaoro.github.io/static_pwa_boilerplate/ или посетите филиал GH-Pages этого репозитория

Установка

• Установить git sudo apt-get install git
• Clone the Repo: git clone https://github.com/lellefood/static_pwa_boilerplate.git
• Каталог переименования: mv static_pwa_boilerplate <new_project_name>
• Справочник изменения: cd <new_project_name>
• Измените manifest.json с помощью вашей информации
• Начните писать свой сайт

Развитие

Проектная папка Ставка

 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

Часто задаваемые вопросы

• Как добавить новую страницу? Add a new file <new_page_name>.html in the root of the project.
  Link to it with /<new_page_name>.html

• How can I add web push notifications? The initial code to get a pushSubscription is already given in the index.js script, follow this tutorial to know how web push work.

Развертывать

Следуйте простым инструкциям на веб -сайте GitHub Pages, чтобы узнать, как бесплатно развернуть свой PWA