SlideShare a Scribd company logo
WordPress loves GatsbyJS and GraphQL
WordCamp Milano 2019
by Cristiano Zanca || web = zanca.it || @CristianoZanca
Rest API nel core WP 4.7
December 6, 2016
https://profiles.wordpress.org/rmccue/
WordPress può anche essere
un CMS Headless
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
Gli ingredienti:
mamp/xampp flywheel lemp /lamp
LOCALE
github / bitbucket, netlify, Custom Internet hosting
(oppure WordPress.com)
ONLINE
Custom
Hosting
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
WordPress, CPT (custom post type),
ACF (advanced custom field)
CPT
BACK-END
FRONT-END
BACK-END
nodejs, npm , nvm, gatsbyjs
NVM
FRONT-END
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
Perché un sito statico?
cos’è GatsbyJS
cos’è GraphQL
1
2
3
4
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
https://www.gatsbyjs.org/plugins/?=wordpres
s
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
Quando si installa un plugin in Gatsby
bisogna anche dichiararlo in
gatsby-config.js
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
WordPress loves Gatsbyjs and graphQL    WordCamp Milano 2019
gatsby develop
item in array
https://gatsbyloveswp.netlify.com/
GRAZIE!
zanca.it 2019.milano.wordcamp.org

More Related Content

PDF
Css figli di un dio minore
PDF
GAE python GDG Milano L04
PDF
Il sito veloce senza codice, versione originale WordCamp 2020
PDF
StarterTheme Prestashop 1.7
PDF
PrestaShop 1.7
PPTX
WordPress staging e produzione
PPTX
Perché WordPress? WordCamp Catania 2019
PDF
Supporto WordPress Internazionale e Locale - WordCamp Torino 2019
Css figli di un dio minore
GAE python GDG Milano L04
Il sito veloce senza codice, versione originale WordCamp 2020
StarterTheme Prestashop 1.7
PrestaShop 1.7
WordPress staging e produzione
Perché WordPress? WordCamp Catania 2019
Supporto WordPress Internazionale e Locale - WordCamp Torino 2019
Ad

WordPress loves Gatsbyjs and graphQL WordCamp Milano 2019

Editor's Notes

  • #12: Node Version Manager
  • #14: Vantaggi Sito statico: velocità sicurezza Svantaggi: gestione workflow complessi
  • #15: Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps source gatsbyjs homepage
  • #16: GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools. Application Programming Interface
  • #19: gatsby mette a disposizione moltissimi plugin che estendono le sue funzionalità, chi utilizza WordPress sa molto bene quanto siano importanti i plugin quello che serve a mettere in collegamento WP con GTSB è gatsby-source-wordpress
  • #24: ENDPOINT API WordPress