next-offline - make your Next.js application work offline using service workers via Google's workbox

  •        78

Use Workbox with Next.js and easily enable offline functionality in your application. Then create a server.js, because we'll need to serve out service worker.

https://github.com/hanford/next-offline

Dependencies:

copy-webpack-plugin : ~4.5.2
fs-extra : ~5.0.0
glob : ~7.0.0
minimist : 1.2.0
webpack : ~3.11.0
workbox-build : ~3.2.0
workbox-webpack-plugin : ~3.2.0

Tags
Implementation
License
Platform

   




Related Projects

sw-precache-webpack-plugin - Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets

  •    Javascript

SWPrecacheWebpackPlugin is a webpack plugin for using service workers to cache your external project dependencies. It will generate a service worker file using sw-precache and add it to your build directory. A simple configuration example that will work well in most production environments. Based on the configuration used in create-react-app.

sw-precache - A node module to generate service worker code that will precache specific resources so they work offline

  •    Javascript

Service Worker Precache is a module for generating a service worker that precaches resources. It integrates with your build process. Once configured, it detects all your static resources (HTML, JavaScript, CSS, images, etc.) and generates a hash of each file's contents. Information about each file's URL and versioned hash are stored in the generated service worker file, along with logic to serve those files cache-first, and automatically keep those files up to date when changes are detected in subsequent builds. Serving your local static resources cache-first means that you can get all the crucial scaffolding for your web app—your App Shell—on the screen without having to wait for any network responses.

offline-plugin - Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)

  •    Javascript

This plugin is intended to provide an offline experience for webpack projects. It uses ServiceWorker, and AppCache as a fallback under the hood. Simply include this plugin in your webpack.config, and the accompanying runtime in your client script, and your project will become offline ready by caching all (or some) of the webpack output assets.

workbox - 📦 Workbox: JavaScript libraries for Progressive Web Apps

  •    Javascript

Workbox is a collection of JavaScript libraries for Progressive Web Apps. Workbox is available on npm. We have installation instructions available depending on your build tool or bundler of choice, including webpack.

react-dynamic-route-loading-es6 - Auto chunking and dynamic loading of routes with React Router and Webpack 2

  •    Javascript

Webpack 2 automatically splits routes in chunks (small bundles) and loads them on demand. ##System Requirements Before installing the dependencies, make sure your system has the correct Node and Npm versions, otherwise you will get errors.


vue-wordpress-pwa - An offline-first SPA using Vue

  •    Javascript

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

UpUp - ✈️ Easily create sites that work offline as well as online

  •    Javascript

UpUp is a tiny JavaScript library that makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea. Mobile-First has become the de-facto standard for building modern sites. But in a world where everyone is mobile, an always-on connection isn't something we can rely on. It's time to start thinking Offline First.

micro-graphql-react - Light and simple utility for adding GraphQL to React components

  •    Javascript

A light (3.4K min+gzip) and simple solution for painlessly connecting your React components to a GraphQL endpoint. Queries are fetched via HTTP GET, so while the client-side caching is in some ways not as robust as Apollo's, you can set up a Service Worker to cache results there; Google's Workbox, or sw-toolbox make this easy.

create-react-pwa - https://github

  •    HTML

https://github.com/facebookincubator/create-react-app + Progressive Web App goodness

application-shell - Service Worker Application Shell Architecture

  •    Javascript

A modern web application architecture leveraging Service Worker to offline cache your application 'shell' and populate the content using JS. This means you can get pixels on the screen without the network, even if the content eventually comes from the network - a great performance win. In browsers without SW, we gracefully degrade to server-side rendering (e.g iOS). Demo. Full details of the architecture can be found in Instant Loading Web Apps With An Application Shell Architecture and Instant Loading with Service Workers.

sw-toolbox - A collection of service worker tools for offlining runtime requests

  •    Javascript

Service Worker Toolbox provides some simple helpers for use in creating your own service workers. Specifically, it provides common caching strategies for dynamic content, such as API calls, third-party resources, and large or infrequently used local resources that you don't want precached. Service Worker Toolbox provides an expressive approach to using those strategies for runtime requests. If you're not sure what service workers are or what they are for, start with the explainer doc.

create-next-app - Create Next.js apps in one command

  •    Javascript

Open http://localhost:3000 to view your running app. When you're ready for production, run npm run build then npm run start. You don't need to install or setup Webpack or Babel. They come packaged with next, so you can just start coding.

preact-starter - Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact

  •    Javascript

Using preact-starter will kickstart your next application! 💯 It is designed to fit the "90% use-case" for those who want to build offline-first web apps (see features below).

CacheWebView - Custom implement Android WebView cache, offline website, let cahe config more simple and flexible

  •    Java

Custom implement Android WebView cache, offline website, let cahe config more simple and flexible

nextjs-starter - A starter project for Next.js with authentication

  •    Javascript

This is a starter project for React that uses Next.js. Next.js is a framework that makes it easy to create Universal web apps in React. With Next.js, React pages are automatically rendered on both client and server side, without the hassle of setting up dependancies like webpack or babel and with automatic routing.

apollo-cache-persist - 🎏 Simple persistence for all Apollo Cache implementations

  •    TypeScript

Simple persistence for all Apollo Client 2.0 cache implementations, including InMemoryCache and Hermes. Supports web and React Native. See all storage providers.

GUN - A realtime, decentralized, offline-first, graph database engine

  •    Javascript

GUN is a realtime, distributed, offline-first, graph database engine. Lightweight and powerful. GUN does state synchronization out of the box. It is peer-to-peer by design, meaning you have no centralized database server to maintain. It has offline support, works even without internet. Users can save data offline and when when the network comes back online GUN will automatically synchronize the data.