While decoupling Drupal 8 sites has been very popular in recent years, creating a decoupled site architecture is no small feat. With GatsbyJS, however, we can build out a decoupled, statically-generated site by harnessing the power of Gatsby’s Drupal 8 source plugin, Node API, and a little bit of ReactJS magic. This training presents how to JAMStack-ify a Drupal 8 site.
Over the course of this half-day training, we will cover:
- Installing the Gatsby command line interface (CLI) tools
- Creating a Gatsby project on a local machine
- React basic concepts
- Configuring a Drupal 8 site to serve as a data source for Gatsby
- Querying Drupal data in Gatsby using GraphQL
- Programmatically rendering lists of content from Drupal
- Creating static pages in Gatsby from Drupal sponsored data
- Building and deploying your Gatsby site to Netlify
At the end of the training we will have gone from a bare-bones Drupal 8 site and a vanilla Gatsby startkit to a fully-functioning statically-generated Gatsby blog site powered by Drupal 8.
- Node/NPM installed on your local machine (macOS, Linux, or Windows)
- Basic familiarity with Javascript (note: React experience is a big plus, but not required)
Adam Bergstein & Ryan Bateman
Adam Bergstein
Adam is the Vice President of Engineering at Hook 42. He brings experience in technical architecture and a passion for helping people work together at top-notch productivity. A mentor and team player to the core, Adam participates in the open source Drupal community and views projects as opportunities for teams to grow and shine.
Adam has led development efforts rebranding a national telecommunication company website, integrating the systems of a financial services firm into a modern web solution, and implementing a headless content management system for an international retailer’s e-commerce system. He led development efforts on the redesign of Penn State’s World Campus website, promoting online educational offerings that improve access for non-traditional learners like single parents and members of the military. During his time at CivicActions, he helped those in the public sector serve citizens through digital services.
Before Hook 42 and CivicActions, Adam was at Acquia, where he served as a Technical Architect. He spent many years in higher education at Penn State University, where he served as a team lead, developer, faculty member, researcher, and graduate student. He advocates for the trifecta: thoughtfully crafted technology, people-focused solutions, and the power of ongoing learning.
Adam gives back to the community through porting of contributed modules, like Taxonomy Menu and Password Policy. He participated in Drupal's Governance Task Force, an effort aimed at community continuous improvement. He blogs and loves speaking about what he has learned and can often be found presenting at Drupal Camps and DrupalCons. Adam serves on the IT Board of Juniata College.
Adam holds a masters degree in Computer Science / Information Security from Penn State University and a bachelor degree in Computer Science from Juniata College. He lives in a small town in Pennsylvania where he enjoys runninng and seeking out great food and drink, especially craft beer. His life is enriched by his wife, two daughters, and a dog.