SPA is a starter project for Electron/Phonegap/Hybrid mobile apps. It showcases the Metabake approach that helps deliver 10X faster with less coding.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Less code = 10X faster web app development.

With Metabake's modern development approach, it is not about replacing your tech stack with another tech stack -- it is about eliminating it!

About Metabake is a development productivity suite. It should allow you to deliver 10 times faster then legacy development stacks/methodologies. We have found that - with; - the work of 6 developers over 6 months can be done by 3 developers in 3 weeks. We expect you to achieve the same productivity gains.

How does open source Metabake deliver 10X faster and cheaper web app development? Not enough organizations are fully leveraging the new Serverless. With Serverless services like Firestore and S3 you get rid of ALL server-side and middleware development and operations. This is where up to 2/3 of your time and cost used to go. Gone!

On the client side (browser apps and mobile apps) Metabake does something similar: it eliminates much of the tech stack and reduces the amount of coding and complexity. How? In school textbooks you learned about 1st generation languages, 2nd generation languages and our current 3rd generation languages, such as JavaScript, PHP and Ruby. With each new generation we achieved huge productivity improvements. We consider 'Pug'--also used by Node/Express--a 4th generation language that helps gain an equally big jump in productivity. With Metabake we show you how to build complete applications in Pug. With this Less code approach we demonstrate much faster and cheaper web app and mobile app development.

The Metabake approach has 10 pillars that are the foundation for achieving mind-blowing development productivity gains. I'll just mention one more pillar here: automatic programming. You've probably heard of 'static site generators' like Hugo or Jekyll that people use to generate their web site or a blog. Automatic programming means using a similar generator to write your web app! This can get you to yet another level of productivity.

To learn more about the Metabake approach, including all 10 pillars and full examples, go to Or, to dive in right away, use the 'mbake CLI' from as the first step into 10X faster web app development.

Metabake productivity is based on three modules:

  • mbake, a static site generation tool that runs locally;
  • B-M-SPA, curated technologies and techniques that help you build dynamic apps and mobile apps faster;
  • Meta, a bespoke cloud-based build and admin app infrastructure that helps deliver functionality to your clients more quickly.

We benchmark against LAMP, RAILS, MEAN and such. For example, LAMP is the technology WordPress was built on. Every 10 years or so technology gets 10 times better, which forces everyone to upgrade. Assembly was 10 times better than machine language. C/.js is 10 times better than Assembly. We believe that we found the answer on how to have a more productive team.

So far, somehow, server-side rendered LAMP has dominated web deployments, with WordPress having some 30% of the World Wide Web. It is time to start displacing that.

You can reinvest the time saved by using Metabake into a more interactive user experience (UX). Better UX is proven to lead into higher user engagement and better user retention.

About B&M SPA

This section is about B-M-SPA, curated technologies and techniques that help you build dynamic apps and mobile apps faster. It assumes that you are familiar with the mbake project, as it builds on it. If you are not familiar with mbake, please go to mbake docs and review.

This project is named B-M-SPA for "Bricks, Mortar and Single-Page Applications". It contains building blocks for dynamic apps and mobile apps, and points at ways to to put them together. Writing a good SPA is the high art of app development - it is certainly a bit harder than writing regular webpages. If properly done - using Phonegap version 8+ - you can use a SPA as the core of a hybrid/cross-platform appstore app (iOS and Android) without loss of native capabilities such as device permissions.