WP Stuff

Front

(live js, development)

https://ubifpg-dev.nfshost.com/

Back

(standard WP instance, development + production)

https://ubifpg.nfshost.com/wp-admin/

Static

(JAM stack, production, see below)

https://fervent-hoover-14b80f.netlify.app/

(this was the test link I sent you and Darryl, I’m tweaking the static build and will update this by EOW)

Notice the “-dev” suffix on the frontend link. Why aren’t the front/back links the same, like normal WP?

  • The FE is actually a Nuxt app, hydrated by the WP-API
  • The app is generated into static HTML/CSS/JS and deployed on Netlify
  • More info on the Jam stack here, but TL;DR:
    • We eliminate the DataBase (MYSQL) from WordPress, but still get to use it as an editor (Gutenberg πŸ’–)
    • No DB means:
      • Easy security – you can’t hijack MYSQL/PHP reqs. to the DB because there is no DB
      • Super fast – Normally WP has to run a PHP query and search all your data for each page load/edit/etc. With Nuxt, we pre-generate all of these queries and serve static HTML/CSS/JS, which Netlify can cache into the CDN and ready-serve to users who request the page.
      • Significantly more cheap/scaleable because of the above πŸ‘†

Javascript

Nuxt

Markup

Gutenberg