offline-first - :electric_plug: Everything you need to know to create offline-first web apps.

  •        97

Inspired by the awesome list thing. This specification highlights features (SQL, offline application caching APIs as well as online/offline events, status, and the localStorage API) from HTML5 and provides brief tutorials on how these features might be used to create Web applications that work offline.

https://github.com/pazguille/offline-first

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

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.

OfflineSampleApp - Sample Offline-First MVVM app that uses Android Priority Job Queue, Room, Retrofit2, LiveData, LifecycleObserver, RxJava2, Dagger Android

  •    Java

Offline App (or Offline-First App) enables user to seamlessly interact with it by using local device storage and then synchronizing the data with some remote storage (cloud database, etc) later via a background process. This app is a working sample that showcases one way of implementing offline commenting capability on Android platform. Users' comments are stored in local Room database first. Then a background job is spawned to synchronize local data with remote database if and when Internet connection is available.

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.


quark - Stay happy while offline | World's first offline search engine.

  •    C++

This is the World's first Offline code Search Engine presented by OpenGenus Foundation. You can, now, search code for any algorithm or data-structure in your favorite language even when you are not connected to the internet. We are on a mission to bring the best parts of the Internet Offline, enable people to work offline for a longer period of time and revolutionize the way people interact with the web.

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

  •    Javascript

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.

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.

remotestorage.js - ⬡ JavaScript client library for integrating remoteStorage in apps

  •    Javascript

remoteStorage.js is a JavaScript library for storing user data locally in the browser, as well as connecting to remoteStorage servers and syncing data across devices and applications. It is also capable of connecting and syncing data with a person's Dropbox or Google Drive account (optional). The library is well-tested and actively maintained. It is safe to use in production.

Hoodie - The Offline First Javascript Backend

  •    Javascript

Hoodie is a generic backend with a client API for Offline First applications. It is an offline first, no backend architecture. Hoodie lets you build apps without thinking about the backend and makes sure that they work great independent from connectivity.

localForage - 💾 Offline storage, improved

  •    Javascript

localForage is a fast and simple storage library for JavaScript. localForage improves the offline experience of your web app by using asynchronous storage (IndexedDB or WebSQL) with a simple, localStorage-like API. localForage uses localStorage in browsers with no IndexedDB or WebSQL support. See the wiki for detailed compatibility info.

offline-wikipedia - Demo of how something like Wikipedia could be offline-first

  •    HTML

Offline Wikipedia is a demo of how a content site such as Wikipedia could offer offline content. Running without offline capabilities means you get the latest version each time you hit refresh.

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.

Offline-qr-code - Offline QR Code Generator

  •    Javascript

This is a (Firefox) Web Extension, which makes it possible to generate a QR code from any website. In contrast to many other add-ons, which use Google Web APIs for that, this add-on works completely offline. This QR code generator puts your privacy first! Effectively, the add-on prevents any web connection for itself, so it does never contact the web. Thanks to the linked manifest.json you can also easily verify, that this claim is true. It works offline! Always.

synceddb - Makes it easy to write offline-first applications with realtime syncing and server side persistence

  •    Javascript

SyncedDB makes it easy to write offline-first applications with real-time syncing and server-side persistence. SyncedDB makes web applications work beautifully both online and offline.

IDBWrapper - A cross-browser wrapper for IndexedDB

  •    Javascript

IDBWrapper is a cross-browser wrapper for the HTML5 IndexedDB API. While this API is the future of offline storage, it is not very intuitive to use. IDBWrapper is there to provide easy access to IndexedDB's features.

hyperboot - offline webapp bootloader

  •    Javascript

Single page applications, where appropriate, have many usability benefits: once you give someone a URL they can immediately load your app and start using it. Native and desktop applications require more setup but once you've installed an app it doesn't change or disappear without warning.hyperboot gives your users the benefits of explicit, immutable versioning with control over upgrades using the html-version-spec while preserving the simplicity of passing around a URL.

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).

yjs - A CRDT library with a powerful abstraction of shared data

  •    Javascript

Yjs is a framework for offline-first p2p shared editing on structured data like text, richtext, json, or XML. It is fairly easy to get started, as Yjs hides most of the complexity of concurrent editing. For additional information, demos, and tutorials visit y-js.org. Yjs only knows how to resolve conflicts on shared data. You have to choose a ..

inliner - Node utility to inline images, CSS and JavaScript for a web page - useful for mobile sites

  •    Javascript

Turns your web page to a single HTML file with everything inlined - perfect for appcache manifests on mobile devices that you want to reduce those http requests.Once you've inlined the crap out of the page, you can optionally configure a service worker to add advanced caching and offline functionality.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.