DrupalCon Amsterdam 2019: LIVE DEMO: Using GatsbyJS to build a decoupled (Drupal) website

Oct 30, 2019

Mark Conroy
Annertech, Portumna, Ireland

In the beginning there was HTML, then there was CSS, then JS, then JS frameworks, then CSS in JS, then... Things started to get little complicated a little while back. To try to make sense of some of this, let's get together for a live demo (what could possibly go wrong!) presentation of building out a site with GatsbyJS.

Here's what we'll do:

- install Gatsby
- investigate some components - custom header, footer, menu, etc
- create some static pages
- discuss how some React functions work - simple ones like Link function so my brain doesn't fall apart!

Once we're that far, we how about we hook it up to a Drupal backend for fetching real content, and then deploy it as a blazingly fast, static website (just HTML, CSS, and JS - nothing fancy - meaning it can be hosted on ultra-cheap shared hosting or even something free like GitHub Pages).

Sound like fun? Great.

Hi! I'm Karim Boudjema, the developer and site-builder of this site. I'm currently working as a freelance Drupal developer.

I was wondering how could I giving back to the Drupal community all what it gave to me during the last 10 years, that's how the idea of this site came to me ... (read more)

Hi! I’m Santiago Rico, the web designer and themer of this site.

When Karim proposed me to design and theme this site for the Drupal community, I accepted immediately because the community is the main reason why I love Drupal so much.