README.md

nerddis.co

Contribute

• Install hugo
• Clone the repo
• Run npm i to install dependencies
• Install imagemagick
• Start the local hugo server: hugo server -D --renderToDisk -d public
• Start Workbox: npm run watch
• Make your changes
• Push back to the repo

When your commit / PR is merged into the master, it will trigger a build on netlify automatically and update the website.

Shows

• The original image for a show goes into static/shows/original
• Create the optimized jpg versions of the image

    ./image-convert.sh
  

Uses

• Workbox for Service Worker
• pwa-update-available to update the app when a new version is released
• Badd Mono font

https://dev.to/thepassle/lessons-learned-building-a-covid-19-pwa-57fi

Subpage with own index.html

For some demos we have to put the code into public/**/live, therefor we can use this:

npm run build && rm -fR ~/dev/hugo/nerddis.co/public/nd-xmas-001/live && cp -R dist ~/dev/hugo/nerddis.co/public/nd-xmas-001/live

Optimize images to have smaller textures

convert -resize 50% bark_NORMAL.png bark_NORMAL_50%.jpg

Optimizations

• Inline CSS
• Converted Badd Mono from otf (76 kb) into woff2 (7 kb)
• All images are jpg with quality 1
• Lazyload images
• Service Worker
• Async JavaScript
• Thanks to Pascal Schilp for https://dev.to/thepassle/lessons-learned-building-a-covid-19-pwa-57fi