WordCamp 2019 - WP Headless and Gatsby

http://rebrand.ly/wp-gatsby-guide

Why headless

  • Security
    • static files
    • no data
    • separate concerns
  • Performance
    • cdn integration
    • scalability
    • market is improving
  • Cost
    • lean infrastructure
    • free is possible
    • flexible

pre-req

Chrome, NodeJS, NPM, GIT, (?NVM)

WordPress

using Gutenberg

GatsbyJS

Gatsby is a React-based, GraphQL powered, static site generator

Cmds

for Vue instead

https://dev.to/mittalyashu/gatsby-for-react-and-gridsome-for-vuejs-281c
or https://gridsome.org/ for Vue
Nuxt is the thing -- https://nuxtjs.org/

GraphQL

handled by Gatsby from REST API

ReactJS

Build

gatsby build will save down all content to rendered files in /public
good question about previewing content since it will be distinct front end - gutenberg helps a lot with that, basically the same as how we are using VisualCustom whatever

npm website scraper to grab static
serverless js - https://serverless.com/framework/
https://github.com/jdub233/PAGE-CAPTURE-S3 LAMBDA TO CAPTURE


More fromĀ Summerlin