Category: Service Workers

Service Worker Cookbook

I stumbled upon this site the other day from Mozilla that’s a collection of recipes to get started with a Service Worker — from caching strategies and notifications to providing an offline fallback to your users, this little cookbook has it all. You can also check out our guide to making a simple site work offl...

Going Offline

Jeremy Keith has written a new book all about service workers and offline functionality that releases at the end of the month. The first chapter is posted on A List Apart. Now that the latest versions of iOS and macOS Safari support service workers, I can’t think of a better time to learn about how progressive web ap...

Implementing A Service Worker For Single-Page App WordPress Sites

    With so many JavaScript frameworks around, single-page application (SPA) websites seem to be all the rage nowadays. However, an SPA architecture has the drawback of having a slower first-page load than a server-based application,...

Implementing Push Notifications: The Back End

In the first part of this series we set up the front end with a Service Worker, a `manifest.json` file, and initialized Firebase. Now we need to create our database and watcher functions. Article Series: Setting Up & Firebase The Back End (You are here) Creating a Database Log into Firebase and click on Datab...

Retrofit Your Website as a Progressive Web App

There’s been a lot of buzz around Progressive Web Apps (PWAs) lately, with many people questioning whether they represent the future of the (mobile) web. I’m not going to get into the whole native app vs PWA debate, but one thing’s for sure: they go a long way to enhancing mobile and improving its user experience...

Create Offline Web Apps Using Service Workers & PouchDB

Offline web applications are becoming more and more popular. Offline support is so important that it’s now common to talk about the ‘Offline First’ approach, where it becomes a primary consideration. It’s also gathering popularity with the rise of Progressive Web Apps. In this post, we will loo...

We built a PWA from scratch – This is what we learned

I hadn’t considered the fact that if you’re fingerprinting your assets (e.g. style.987987090897.css) to take advantage of browser cache, you’ll need to update your Service Worker every time you do that. But I guess you’ve got a build step anyway, so it can be updated in both places: … we u...

Implementing “Save For Offline” with Service Workers

A straightforward tutorial by Una Kravets on caching assets and individually requested articles with Service Workers for offline reading. I’m curious what the best practice will become. It’s possible that asking users to click something is it. Also possible: passively caching articles based on recently publ...

Service Worker, what are you?

Mariko Kosaka: I finally figured out, it’s an alien you can invite to live on user’s browser. Service Worker, what are you? is a post from CSS-Tricks ...

The Building Blocks Of Progressive Web Apps

    The common wisdom for most companies that set out to build an app is to build a native Android or iOS app, as well as a supporting website. Although there are some good reasons for that, not enough people know about the major adv...