Drupal is a powerful and advanced content management system built to handle the most demanding websites. Its content authoring experience keeps getting better and better. It provides a robust user management system and its modules ecosystem is second to none.
Modem websites nowadays keep getting more complex and users expect them to work well and perform almost a native apps. This is where Gatsby comes in. With Gatsby we can build front-end experiences that perform extremely well, are secure and provide an amazing user experience while Drupal handles all the things that it is good at.
Topics Covered
- We will setup a basic Drupal instance and configure the JSON API module to create a data endpoint.
- Create a Gatsby website to serve as the front-end layer of the Drupal project..
- Use GraphQL to pull data from Drupal and render it as Gatsby components.
- Extend Gatsby’s functionality by adding and configuring plugins.
- Configure responsive images for optimal performance.
- Experiment with Gatsby Preview for content editing.
Learning Objectives
The main objective for this training workshop is to leverage the power of Drupal as a content management system and use it as a data source for our Gatsby site. Implementing a decoupled front-end for Drupal presents many advantages including better front-end performance, improved security by not exposing Drupal’s database to the public but instead use Gatsby to serve static HTML files.
Target Audience
This training is intended for developers who build Drupal sites and want to explore the benefits of a decoupled architecture.
Prerequisites
- Basic understanding of React is helpful
- Basic experience with Gatsby is also helpful
- Basic understanding of GraphQL concepts and pros and cons
- Basic understanding of component development
Grayson Hicks
Front-End Developer @ MediacurrentI am an experienced software developer with a background in working with all types of software. I love tinkering with Javascript, React.js, Node.js, and GraphQL.
I spent five years in finance/banking in a sales and management role, but had a nagging feeling it wasn't what I was meant to be doing. With a love of making websites, that began at age 14, I decided to take my career path in a different direction and devote my time to coding.
I have a 'to-learn' list as long as my arm and don't think I have met a programming language I didn't enjoy. Next on my list? Who knows?! When I'm not spending my time learning, I love spending time outside in my garden in the mountains with my wife, Gaby and our five children.
Wendy Stocker
Drupal Developer @ MediacurrentWendy Stocker is a full-stack developer specializing in PHP and Drupal, creating software focused on performance and quality assurance. With a decade of Drupal experience, Wendy excels at working independently and with team members to ensure the achievement of project goals, from conceptualization through finished product to market.
Throughout her development career, Wendy has gained deep experience in producing measurable performance optimization results on high-traffic websites. Some notable online work includes The National Review Magazine, US Weekly Magazine, Getty Images, Rolling Stone and Bravo TV.
