static pwa boilerplate

Templat HTML Dasar untuk Aplikasi Web Progresif Statis Modern

Siap untuk membuat aplikasi web progresif statis dengan manifes dan pekerja servic, mudah digunakan dengan halaman github.

Termasuk:

• Gambar thumbnail
• Kerangka CSS + menormalkan
• Aplikasi Web Manifes
• Pekerja Layanan Dasar + Pendamping Pendaftaran
• Dukungan Pemberitahuan Push Web Awal (Anda akan memerlukan server eksternal)

Demo: https://gallaoro.github.io/static_pwa_boilerplate/ atau kunjungi cabang gh-pages dari repositori ini

Instalasi

• Instal git sudo apt-get install git
• Klone The Repo: git clone https://github.com/lellefood/static_pwa_boilerplate.git
• Rename Directory: mv static_pwa_boilerplate <new_project_name>
• Ubah Direktori: cd <new_project_name>
• Ubah manifest.json dengan informasi Anda
• Mulailah menulis situs web Anda

Berkembang

Stuctur folder proyek

 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

• Bagaimana cara menambahkan halaman baru? Tambahkan file baru <new_page_name>.html di root proyek.
  Tautan ke sana dengan /<new_page_name>.html

• Bagaimana cara menambahkan pemberitahuan dorong web? Kode awal untuk mendapatkan PushSubscription sudah diberikan dalam skrip index.js , ikuti tutorial ini untuk mengetahui bagaimana Web Push Work.

Menyebarkan

Ikuti instruksi sederhana di situs web halaman github untuk mengetahui cara menggunakan pwa Anda secara gratis