/PWA

A PWA template made with svelte, firebase, tailwind and vite ❤

Primary LanguageJavaScript

PWA-Progressive.Web.App Starter Template

...with all the good stuff

Demo

Features


Getting Started

npx degit devlucem/pwa my-app
cd my-app
npm install

Configure

  • Create a firebase project or get the firebase config files of the one you already have
    apiKey: "",
    authDomain: "",
    projectId: ""
    
  • Update the src/firebase config files with your above keys
  • To customize your app, go to public/serviceWorker and public/manifest files and add any files not included in the assets and icons.
  • More theme and website customizations are available by searching lines with TODO
  • You can use Icons Builder to generate your icons

Test Locally

npm run dev

Build for production

npm run build


Your files will be available in the dist folder. To push the files to your firebase hosting, run the commands below. Make sure to fill the dist folder as your hosting one.

firebase init hosting && firebase deploy

Made With ♥

(                   (                            
)\ )                )\ )                         
(()/(     (    )    (()/(   (          (     )    
/(_))   ))\  /((    /(_)) ))\   (    ))\   (     
(_))_   /((_)(_))\  (_))  /((_)  )\  /((_)  )\  '
|   \ (_))  _)((_) | |  (_))(  ((_)(_))  _((_))  
| |) |/ -_) \ V /  | |__| || |/ _| / -_)| '  \()
|___/ \___|  \_/   |____|\_,_|\__| \___||_|_|_|