Or, How Interactive Investor uses decoupled Drupal, GatsbyJS, ReactJS and AWS to deliver rich content without making Google cry
In 2018, Interactive Investor updated from Drupal 6 to Drupal 8. Rather than undertake a like for like upgrade, ii took advantage of Drupal 8's core decoupled capabilities to re-architect the whole stack. Leveraging some of the latest best-in-breed technologies to deliver a Static Progressive Web Application that delivers news, analysis, and time critical market data concerning tens of thousands of financial instruments from multiple sources. Maintaining an SEO valuable web app with a page delivery time, across all device types, that is competitive for search ranking.
In this talk we will cover:
an overview of the architecture used to deliver ii.co.uk
how we use GatsbyJS to generate static content from Drupal and other dynamic sources
how we further hydrate these pages with React for dynamic content after the initial page load
the custom cache handling we've implemented to keep content build pipelines as fast as possible
how we divide the responsibilities for content generation between GatsbyJS and Drupal
how we solved the real-time preview issue without waiting for Gatsby's upcoming hosted paid preview service
We'll also talk frankly about the problems in this approach and how we are looking to mitigate these going forward. And about the experimental core functionality we can't wait to bring on board!
No monkeys 🙈