Gatsby and the JAMstack: An introduction for the Drupal/LAMP minded

45:21
404
2
0
0
0
Oct 27, 2018

nicklewisatx

The "JAMstack" is some great branding that describes websites that are built entirely by javascript, API calls, and served as completely static pages.
Compared to LAMP platforms like Drupal and Wordpress, JAMstack has four huge things going for it:

1. High traffic sites that cost thousands of dollars a month could transition to a single server + CDN on low tier hosting (under 100 dollars a month)

2. New developers are flocking to JAMstack technologies, while LAMP CMS community size has slowed.

3. It's all in one language: Javascript

4. Static HTML pages have few vectors for hackers to attack.

Gatsby is one of the leading JAMstack based static page generators, and integrating it with Drupal is
the focus of this talk. Gatsby is not a replacement for Drupal. Drupal still controls the content, the site structure, as well as how content is created. All gatsby handles is "little things" like the public facing site.

Over the last few months we've been developing a "Gatsby Drupal Kit" to help jump start gatsby-drupal integrations. This kit is designed to work with a minimal drupal install as a jumping off point, and give a structure that can be extended to much larger, more complicated sites.

Participants will leave the talk with the following:

1. A base drupal 8 site that is connected with gatsby (If you choose to follow along) .

2. Best practices for making gatsby work for real sites in production.

3. Sane patterns for translating drupal's structure into gatsbylese components, templates, and pages.

This is not an advanced session for those already familiar with react and gatsby. This is more geared to experienced developers who are not yet aware of what say... a react component is. Recommended prerequisites are a basic knowledge of npm package management, git, css, drupal, web services, and javascript.

Our in progress starter kit (unstable): https://github.com/zivtech/gatsby-drupal-kit

https://2018.badcamp.org/session/gatsby-and-jamstack-introduction-drupa…

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.