{"repo":"ivandotv/nextjs-material-pwa","free":true,"listed":false,"github":"https://github.com/ivandotv/nextjs-material-pwa","clone":"git clone https://github.com/ivandotv/nextjs-material-pwa.git","description":"Template for creating progressive web apps with MaterialUI, Next.js and Workbox","language":"TypeScript","stars":60,"topics":["nextjs","material-ui","nextjs-starter","pwa","pwa-example","workbox","workbox-webpack-plugin","workboxjs"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Nextjs Material UI Progressive Web App (PWA) Template Template for creating progressive web apps with MaterialUI, Next.js and Workbox Working demo: https://material-pwa.vercel.app/ - Motivation - Layout - Theming - Onboarding slideshow - Service worker service worker setup offline fallback installation prompt app shortcuts - Custom Babel.js config - Future - Blog post - Useful links - License Motivation Setting up PWA's involves a lot of moving parts, so I've decided to create a template repository, that I would always keep up to date, and it will enable me to get started quickly. Layout The application supports both desktop and mobile layouts. The desktop layout has a sidebar on the left side that can open and close. The mobile layout has two options. - Traditional layout with a sidebar that can be swiped to open/close - Modern layout where menu items are at the bottom Theming - There are two themes dark and light, and they can easily be customized. Onboarding slideshow I've also included an onboarding slideshow which is usually present in native apps. This is optional and it can easily be removed. https://user-images.githubusercontent.com/390700/174054384-3eeb975b-c39a-414a-a93c-48f6fbfefd7b.mp4 Service worker The real hard part of creating pwa's is service worker integration, both in the build process and in production. Service worker functionality is implemented with the excellent Workbox library service worker setup - Service worker sw.js is written in Typescript and it ","default_branch":null,"files":null,"tree":[],"storefront":"/r/ivandotv","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ivandotv/nextjs-material-pwa/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}