Marionette.js skeleton with Babel/ES6 for Brunch with Progressive Web App goodness
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
.gitignore
LICENSE
README.md
brunch-config.js
package.json

README.md

Brunch + Marionette.js + Babel/ES6 PWA

This is a modern Progressive Web App JS skeleton with Marionette.js for Brunch.

Installation

Clone this repo manually

git clone https://github.com/denar90/brunch-with-marionettejs && cd brunch-with-marionettejs

or use

brunch new dir -s marionettejs

Getting started

  • Install (if you don't have them):
    • Node.js: brew install node on OS X
    • Brunch: npm install -g brunch
    • Brunch plugins and app dependencies: npm install
  • Run:
    • brunch watch --server — watches the project with continuous rebuild. This will also launch HTTP server with pushState. There are also added offline feature using sw-precache, sw-precache-brunch, which makes skeleton work offline.
    • brunch build --production — builds minified project for production
  • Learn:

Progressive Web Apps

Progressive Web Applications take advantage of new technologies to bring the best of mobile sites and native applications to users. They're reliable, fast, and engaging. More

Service Worker

A service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don't need a web page or user interaction. More

Service Worker Precache

sw-precache is a module for generating a service worker that precaches resources. It's added as part of Brunch plugin sw-pracache-brunch.

Web App Manifest

The Manifest for Web applications is a simple JSON file that gives you, the developer, the ability to control how your app appears to the user in the areas that they would expect to see apps. More

How to try it?

It's hosted on gh-pages - https://denar90.github.io/brunch-with-marionettejs/

Don't forget to go offline and see what happens

100% PWA !!!

Lighthouse report

lighthouse report https denar90 github io brunch-with-marionettejs

P.S. Inspired by @jeffposnick - https://github.com/jeffposnick/create-react-pwa/blob/master/README.md