vitormalencar.com
My personal PWA
Summary
🔥 offline Ready🎉 Small file size (4.9 minified + gzip)⚡️ Blazing fast performance⚛️ Build with Preact❤️ 🔨 Compose with Components
Features
-
Offline Caching (via
serviceWorker) -
SASS & Autoprefixer
-
Asset Versioning (aka "cache-busting")
-
ES2015 (ES6) and ES2016 (ES7) support
-
Webpack Bundle Analysis (see dashboard)
-
Hot Module Replacement (HMR) for all files
-
Preact's Developer Tools
-
Lighthouse certified
bundle sizes & perf
app.js 12.7 kB, Gzipped size: 4.9 kB
vendor.js 9.49 kB, Gzipped size: 3.9 kb
Development
Commands
build
$ yarn build
Compiles all files. Output is sent to the dist directory.
start
$ yarn start
Runs your application (from the dist directory) in the browser.
dev
$ yarn dev
Like start, but will auto-compile & auto-reload the server after any file changes within the src directory.
Deploy to GH-PAGES
$ yarn deploy
MIT © Vitor Alencar