The Content Mesh - Berlin

In this talk we will take a deep dive into the evolution of the web and our increasing demand for using the "best of breed" solutions to deliver our content.

We'll also explore how GraphQL can help us connect it all together with the various types of stacks available to us to get started.

Transcript

1. @notrab The Content Mesh
2. @notrab Jamie Barton Dev Rel @ GraphCMS
3. @notrab Hands Up, this is a Survey!
4. @notrab Content is Everywhere
5. @notrab THE WEB IS EVOLVING
6. @notrab YOUR BUSINESS REQUIREMENTS HAVE CHANGED Content is warehoused across numerous services
7. @notrab YOUR DEVELOPMENT NEEDS HAVE CHANGED This is the era of JavaScript on the front-end
8. @notrab Traditional, enterprise CMS Modern JavaScript ecosystem Developer environment Walled-garden development, WYSIWYG React, GraphQL Content sourcing Linear CMS, limited and often poorly supported plugins Headless CMS, third-party APIs, extensive open-source libraries Distribution Hosted servers and databases Blazing fast, secure CDNs Developer tooling No build tools, transpilers, or project organization Babel, Webpack, git, npm
9. @notrab Great Expectations
10. @notrab THE GROWTH OF SAAS
11. @notrab My app allows users to login with Auth0 to pay for GraphCMS hosted content via Stripe, all delivered by SendGrid, accessed by a one-time passcode sent via Twilio.
12. @notrab Google like Search Inventory Carts Orders Reviews Authentication Reservations Pages What we want Invitations Subscriptions Rewards Locations Media Custom schema Banners
13. @notrab ✅ Invitations ✅ Subscriptions ✅ Rewards ✅ Locations ✅ Media ✅ Custom schema ✅ Google like Search ✅ Inventory ✅ Carts ✅ Orders ✅ Reviews ✅ Authentication ✅ Reservations
14. @notrab WE WANT IT ALL
15. @notrab YOU CAN’T HAVE YOUR CAKE AND EAT IT
16. @notrab Custom build Best of breed Wishful thinking
17. @notrab BEST OF BREED
18. @notrab
19. @notrab Gateway Client Driven Common approaches Event Driven
20. @notrab CLIENT DRIVEN
21. @notrab Submit card details Generate payment token POST to lambda
22. @notrab EVENT DRIVEN
23. @notrab Mark as Shipped Trigger Webhook Send SMS notification
24. @notrab GATEWAY DRIVEN
25. @notrab
26. @notrab
27. @notrab
28. @notrab GRAPHQL FQL REST SDK
29. @notrab Request Gateway Resolver Data Source Cache Cache
30. @notrab Request Gateway Resolver Microservice Business logic here
31. @notrab BUILDING YOUR OWN CONTENT MESH ...on the server
32. @notrab BACKEND SAYS NO
33. @notrab APOLLO SERVER
34. @notrab
35. @notrab SCHEMA STITCHING ❤
36. @notrab
37. @notrab APOLLO FEDERATION
38. @notrab
39. @notrab APOLLO DATASOURCES
40. @notrab
41. @notrab BUILDING YOUR OWN CONTENT MESH ...on the frontend
42. @notrab
43. @notrab Source: Gatsbyjs.org
44. @notrab EASY TO USE SCHEMA GENERATION
45. @notrab
46. @notrab RECOMMENDATIONS • Consider end user when making technology decisions • Pick ‘best of breed’ services • Abstract away the chores of web development • Evaluate services and tools accordingly before investing
47. @notrab Jamie Barton Dev Rel @ GraphCMS