https://github.com/davay42/single-file-pwa-template

Single File Progressive Web-App build setup
https://github.com/davay42/single-file-pwa-template

pug pwa single-file-app template unocss vite vue

Last synced: about 1 month ago
JSON representation

Single File Progressive Web-App build setup

• Host: GitHub
• URL: https://github.com/davay42/single-file-pwa-template
• Owner: davay42
• Created: 2024-11-24T06:30:47.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-11-24T06:39:33.000Z (about 1 month ago)
• Last Synced: 2024-11-24T07:26:45.278Z (about 1 month ago)
• Topics: pug, pwa, single-file-app, template, unocss, vite, vue
• Language: JavaScript
• Homepage: https://davay42.github.io/single-file-pwa-template/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Single file progressive web-app template

This is a starting point for my current opinionated JS build environment that enables making compressed single file PWAs that can be easily installed on virtually any platform and also be run straight up from a local HTML file with full offline and embedding capabilities. And it means we are bringing more capabilities of browsers and devices to peoples hands. Let's explore this space.

## Tech Stack

- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) - Native language of the web

- [Vite](https://vitejs.dev) - Lightning fast JavaScript development experience and build speed

- [Vue](https://vuejs.org) - Reactive components and robust composables

- [VueUse](https://vueuse.org) - Exceptionally useful Vue composables toolbox

- [UnoCSS](https://github.com/unocss/unocss) - Ultrafast utility-first CSS styling

- [Pug](https://pugjs.org) - Compact and conscise HTML templating engine to use in Vue SFCs

## How to use

1. Copy this repo code

2. Put meaningful content in all `_` placeholders found in

   - package.json

   - index.html

   - App.vue

   - public/manifest.json

   - public/sw.js

3. Run `pnpm i` in your terminal to install all dependencies

4. Run `pnpm run dev` to start a dev server with hot module replacement

5. Run `pnpm run build` to get your app built in the `dist` folder