November 3, 2020 — With the web ecosystem steadily moving towards JavaScript frameworks and JAMstack setups, let’s see how to get up to speed with those latest headless trends.

During this hands-on workshop, we will build a React front-end pulling content from WordPress with GraphQL, and using Gatsby as a static website generator. Some knowledge of WordPress Rest API, Node or React is a plus but not a requirement. We will go through each step following a homemade GitHub tutorial with concrete examples, including the initial setup and a deployment on a serverless hosting and continuous integration (CI) platform. As an extra, we will also explain how to easily make your Gutenberg layout work with your React website.

Bring your own bottle laptop (BYOL) and join us if you are curious about headless architecture.

October 29, 2020 — With the web ecosystem steadily moving towards JavaScript frameworks and JAMstack setups, let’s see how to get up to speed with those latest headless trends.

During this hands-on workshop, we will build a React front-end pulling content from WordPress with GraphQL, and using Gatsby as a static website generator. Some knowledge of WordPress Rest API, Node or React is a plus but not a requirement. We will go through each step following a homemade GitHub tutorial with concrete examples, including the initial setup and a deployment on a serverless hosting and continuous integration (CI) platform. As an extra, we will also explain how to easily make your Gutenberg layout work with your React website.

Bring your own bottle laptop (BYOL) and join us if you are curious about headless architecture.

Presentation Slides »

December 24, 2019 — Headless / decoupled CMS, Gutenberg blocks, JAMstacks, JavaScript frameworks… autant de tendances qui secouent l’écosystème du web ces derniers temps. Naturellement, notre enthousiasme pour WordPress et notre curiosité pour ces nouvelles approches ont conduit notre studio à faire le pas, et essayer ces types d’architectures hybrides.

Un an plus tard, nous avons un projet en ligne, d’autres en préparation et surtout, quelques apprentissages que nous aimerions partager avec quiconque intéressé par WordPress « headless », les sites statiques, ou simplement intrigué par ces initiatives techniques.

Durant cette présentation, nous discuterons ensemble de pourquoi et comment nous avons construit un site WordPress statique avec ReactJS et GatsbyJS, d’un point de vue de l’architecture et de la gestion de projet. Un tutoriel GitHub fait maison sera aussi partagé pour ceux qui voudraient aller plus loin, plonger dans le code et tenter l’expérience « headless ».

Presentation Slides »

September 16, 2015 — The presentation aims to show how to create your own shortcode.
We will go through the “why & how” questions following practical steps:
What’s a shortcode? When it might be useful? How to create one? Explain the structure and show the code How to add the shortcode to your WordPress Let’s use and display the shortcode!
Play with the arguments View how to add dependencies (JS/CSS/Hooks) to the short code
Prerequisites:
The topic is more technical and requires a minimal knowledge of : WordPress theme structure, use of functions / PHP, HTML.

Presentation Slides »