next-pwa

This is a Progressive Web App built with React. Main features include -

Server-side rendering and code splitting (using Next)
Better Server-rendering performance due to component-caching (using lru-cache)
Offline-support with Service Worker using precaching as well as runtime caching (thanks to Workbox)
Purging unused CSS (thanks to PurifyCSS and we also setup autoprefixer)
Route prefetching (both imperative and declarative)
Web Manifest Generation with webpack-pwa-manifest
Loading indicator while we load the route-based chunks
Also used Spectre.css for styling (don't worry about size unused CSS selectors are trimmed away remember)
Used react-progressive-image for better image loading setup

Read this series of articles where I go through the whole thing - Building a Progressive Web App with Next.js - Part I and Part II

Want to play around with it

Fork it, then clone it and

npm install

npm run dev

npm run build
npm start

Name		Name	Last commit message	Last commit date
Latest commit History 20 Commits
components		components
pages		pages
static		static
utils		utils
.gitignore		.gitignore
README.md		README.md
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
server.js		server.js
spectre.css		spectre.css
style.css		style.css