How to keep Drupal relevant in the Git-based and API-driven CMS era - BADCamp

Oct 26, 20183 likes637 views

How many times have you ever heard? "Choose the right tool for the job" or "When all you have is a hammer, everything looks like a nail." The Drupal community is embracing the "Get off the island" mantra. Modernizing Drupal was the goal of the latest Drupal 8 release, but technology moves faster than the awesome community could improve our beloved platform. Gatsby is taking the world by storm and the JAMstack is here to stay. Come to this session, to learn what can we do to keep Drupal relevant and this new era.

How to keep Drupal relevant in the
Git-based and API-driven CMS era
by Jesus Manuel Olivas / weKnow#BADCamp

$ whoami
Jesus Manuel Olivas
jmolivas@weknowinc.com
jmolivas
jmolivas
drupal.org/u/jmolivas
jmolivas.weknowinc.com

Mexicali 
Mexico + California
Calexico 
California + Mexico
$ ifconfig

When all you have is a
hammer, everything looks
like a nail.

How to keep Drupal relevant in the Git-based and API-driven CMS era - BADCamp

Traditional Monolithic CMS + Particle (Design System)

●
Drupal Headless API + Front-end library
Fetch

Challenges
> Performance
> Reliability
> Security
> Hosting

Security
> System dependencies
> Stack dependencies
> Platform dependencies core
> Custom modules dependencies hosted
> Third party libraries hosted

Hosting
> Managing a complicated stack is not easy.
> Requires knowledge of managing servers, databases,
cache, DNS, backups, automation, and much more.
> The more complex your stack is to support your
production site, the more expensive it becomes.

●
Strapi, Contentful (PaaS) + Front-end library
Fetch

Improving the UX providing a GUI
when using a Git-based CMS.

GravCMS Flat Files + Particle (Design System)

Using Drupal to provide a GUI and
content for a Git-based/API-driven CMS.

Drupal CMS + Tome to export as Flat Files
+ ● Build

Decoupling the
"Content Management GUI"
from the
“Production Environment".

The Content Mesh
● https://www.gatsbyjs.org/blog/2018-10-18-creating-compelling-content-experiences/

Feel free to turn off your Drupal after build
●https://twitter.com/ckaotik/status/647020262001614848

Challenges
• Use a markdown editor with Drupal. (we wrote a module for that)
• Preprocess inline-images on markdown. (we wrote a ﬁx for that)
• Deploy site from Drupal. (we wrote a module for that)
• Learn Javascript
• Learn ReactJS
• Learn GraphQL

What is Gone
• Twig
• Render array
• Theme layer
• Theme preprocessing
• *Views (use GraphQL instead)
• Data modeling.
• Content editor capabilities,
revisions, moderation and
scheduling.
• Pathauto
• Site Settings
What to keep using

Must have plugins
• gatsby-source-drupal
• gatsby-transformer-remark
• gatsby-remark-images
• gatsby-remark-external-links
• gatsby-plugin-sharp
• gatsby-transformer-sharp
• gatsby-plugin-react-helmet

https://events.drupal.org/seattle2019/sessions/how-keep-drupal-relevant-git-based-and-api-driven-cms-era
Want to see this talk at DrupalCon Seattle?, ask for it

Thank you … Questions?
Feel free to ping me during the event,
at the parties, after-parties, and twitter @jmolivas

This document discusses Drupal 8's new configuration management system which stores things like content types, menus, views, taxonomy terms, and settings in code-managed configuration files rather than the database. It notes benefits like eliminating 50 database tables, reduced need for features and strongarm modules, and translatability. Configuration can be stored and versioned in files under CVS/Git or in MongoDB. The document also covers how the configuration system interacts with the Features module and provides new Drush commands for exporting, importing, editing, getting, listing, and pulling configuration.

WebDAV - April 15 2008sullis

This document provides an overview of the WebDAV protocol, clients, libraries, and programming. It discusses how WebDAV allows clients to manage files on remote servers by extending HTTP with methods like PROPFIND, LOCK, UNLOCK, and MOVE. It also covers useful open source libraries like mod_dav and Apache Jackrabbit, debugging tools like Fiddler, and advanced topics like security and Internet Explorer's handling of WebDAV folders.

Introduction of webpack 4Vijay Shukla

Why NodeJSRiza Fahmi

SnapyX - ParisJSflorianharmel

The Future Is The CloudGatsbyjs

CloudMonkeySebastien Goasguen

This is a presentation of CloudMonkey the Apache CloudStack CLI and interfactive shell. Entirely written in Python it features auto-completion, history, help, colored output, optional prompt, raw api calls, api discovery, tabularize output. See the screencast at http://youtu.be/y6wX4UhJ_Vg Perfect tool for sys admins to manage their cloud from the comfort of the command line. Perfect tool for developers to test new API and services on top of the CloudStack API.

Gutenberg: You Can't Teach an Old Dev New Tricks - WordCamp Chicago 2018Mike Hale

Gutenberg is coming, and it’s bringing a lot of changes to how WordPress themes and plugins will be developed. What does that mean for a a grumpy, old developer like me? Well if you want to keep working in WordPress, it means it’s time to buckle down and lean something new. In this session we’ll cover some of the changes Gutenberg means for developers, and all the new tools, languages and libraries you need to to learn to start to develop with Gutenberg.

Javascript Myths and its EvolutionDeepu S Nath

JavaScript has inconsistent and buggy behavior across different browsers due to variations in rendering engines like Trident, WebKit, and Gecko, and JavaScript engines like Spider Monkey, V8, SquirrelFish, and Chakra. JavaScript was created in the 1990s and introduced the concept of Ajax in 2005, allowing dynamic web page updates without reloading the entire page. This document provides resources on how browsers work and the history of Ajax.

Decoupled (Headless) DrupalDaniel Stout

The document discusses headless Drupal, which separates the front-end interface built with JavaScript frameworks from the Drupal backend which acts as an API. It outlines the benefits of this approach, popular JavaScript frameworks that can be used including Backbone.js and AngularJS, and how to implement headless Drupal using services and REST modules in Drupal 7 and the built-in capabilities in Drupal 8. Examples are provided and it's noted that Drupal is well positioned for the growing need for APIs and data-driven approaches to websites.

The shift to the edgeJakub Wadolowski

The way we build web applications evolved over the decades - from on-prem servers named after your favourite Star Wars characters to autoscaling cloud clusters and serverless functions. Throughout this journey the architecture paradigm shifted towards more distributed model. Whether that’s your CMS, monitoring system or authorisation layer - it’s most likely just an endpoint you exchange data with. At the end of the day, every HTTP request goes through various middleware layers and requires both server- (SSR) and client-side rendering (CSR). Recently, a new piece of tech appeared on the landscape - WebAssembly. It became 4th official language on the Web (following HTML, CSS and JavaScript) and was initially meant to run in the browser and improve CSR. It quickly turned out that WebAssembly on the server is also a thing and can revolutionise the way we think of web apps. Some providers like Fastly and Cloudflare adopted WebAssembly and allow you to run custom code at the edge. That opens up completely new possibilities - authentication, personalised content rendering, A/B testing - you name it. Everything as close to end users as possible. During my talk I’d like to show you what edge computing offers at this stage and how it can be integrated with AEM as a Cloud Service.

Connect your Javascript web app to ownCloud over the WebDAV interface Ilian Sapundshiev

DotnetGoodrich IT Solutions

The document outlines training courses on .NET with MVC, ASP.NET, C#, and AngularJS. It includes topics like .NET architecture, C# basics, object-oriented programming, inheritance, collections, errors and exceptions, ASP.NET server controls, MVC routing, model binding, Entity Framework, Angular services, directives, routing, jQuery, and more. The training will take place at 2nd and 3rd floor, Maruthi Complex in Hyderabad and cover both theoretical concepts and practical implementations.

Gatsby (Code.Talks) 2019Stefan Adolf

It's lean, it's crazily fast and it's packed with features: Gatsby is a game changing static PWA generator. This talk starts with a short intro into the consolidated GraphQL content interface and how Gatsby builds pages. We’re then digging into custom content plugins that allow you to connect nearly any data source, explain Gatsby's page generation process and how editors can use MDX to embed dynamic components into their content. We conclude with a build time performance demo that renders and updates a huge amount of pages at once.

JS Lab`16. Андрей Колодницкий: "Разработка REST сервисов на SailsJS"GeeksLab Odessa

Creating a custom API for a headless DrupalExove

Creating a custom API for a headless Drupal involves using the Services module to define endpoints and resources. The Services module introduces endpoints, which define authentication and attach resources. Resources define CRUD operations and custom actions that can target specific resources. To create an API, endpoints and resources are configured through the Services module to expose the desired data and functionality through the custom API.

Cloud Community Engineering - Holiday readinessOleg Posyniak

HTML5 and friendsBobby van der Sluis

HTML5 and related technologies like CSS3 and JavaScript are evolving the web platform. Browser makers have adopted HTML5 through the WHATWG to evolve browsers together in a backwards compatible way. HTML5 includes new semantic elements, forms, multimedia, graphics, and APIs. CSS3 adds new selectors and properties. JavaScript gets improvements. Browser support is increasing so developers can start using new features now while maintaining backwards compatibility. The modern web stack is taking shape but full support across all browsers will still take time.

Mean Stack - An OverviewNaveen Pete

The document provides an overview of the MEAN stack, which uses JavaScript for full-stack development. It discusses the evolution of web development from separate front-end and back-end work to full-stack JavaScript with Node.js. The MEAN stack combines MongoDB for the database, Express for the web framework, Angular for the front-end, and Node.js as the runtime environment. Each component is introduced, with Node.js using a single-threaded and asynchronous model, Express providing features like routing and middleware, Angular using templates and two-way data binding, and MongoDB as a flexible document database.

jclouds workshopEverett Toews

Web Development with Node.jsAndrew Lively

Get MEAN! Node.js and the MEAN stackNicholas McClay

This meetup will bring us back to basics with a bootstrapping session on building an all Javascript web application on a MEAN Stack: • MongoDB - NoSQL DB • ExpressJS - Server Application Framework • AngularJS - Client Application Framework • NodeJS - Application Platform I'll cover the basics of getting bootstrapped with Node.js and building out a fully featured web application from backend-to-frontend. I'll highlight some of the advantages of an all javascript web application as well as show some development tips leveraging gruntJS based on Nate's presentation last meetup.

The RAW stackMaurice De Beijer [MVP]

The document discusses the RAW Stack, which consists of RavenDB, AngularJS, and ASP.NET WebAPI. RavenDB is an open-source NoSQL document database for .NET with asynchronous support. AngularJS is a powerful JavaScript MVC framework for building single-page applications. ASP.NET WebAPI makes it easy to serve data in a RESTful manner and integrate with RavenDB and AngularJS. Additional technologies discussed include ASP.NET MVC, Bootstrap, and how they complement the RAW Stack.

You know what iMEAN? Using MEAN stack for application dev on InformixKeshav Murthy

NodeSummit - MEAN StackValeri Karpov

This document provides an overview of the MEAN stack and how it can be used to quickly prototype and build web applications. It discusses how MongoDB, ExpressJS, AngularJS, and NodeJS work together to allow real-time data binding from the database to the client. The document also covers best practices for adapting applications based on feedback, automating testing, and scaling applications efficiently as they grow in usage.

Introduction to mean stackPraveen Gubbala

The document provides an overview of the MEAN stack, which is a collection of JavaScript technologies used to develop web applications. It consists of MongoDB (a no-SQL database), ExpressJS (a web application framework), AngularJS (a front-end JavaScript framework), and NodeJS (a runtime environment for JavaScript). Each technology is described briefly, outlining its purpose and benefits like performance, scalability, and the use of a single programming language throughout the application stack.

Building a Node.JS accelerator for your headless Drupal backend - DrupalCamp ...Exove

This document discusses using Node.JS to accelerate a headless Drupal backend. It explains that headless Drupal involves using Drupal only for content management and delivering content via JSON. While caching can help performance for anonymous users, authenticated users pose challenges at scale. The proposed solution is to index Drupal content into MongoDB using a module and deliver it from Node.JS, gaining significant performance increases over delivering directly from Drupal. An example real-world video platform project is discussed that migrated from Drupal to this architecture for improved performance when integrating with mobile and TV apps.

Back to the 90s' - Revenge of the static websiteYves Goeleven

Drupal South 2018 - How to keep Drupal relevant in the Git-based and API-dri...enzolutions

This document discusses how to keep Drupal relevant in the Git-based and API-driven CMS era. It outlines some of the challenges with traditional Drupal implementations, including reliability, security, hosting, and performance issues. It then describes moving to a headless Drupal implementation with a GraphQL or REST API and using a front-end framework like Gatsby. This decouples the content management from the production site for better performance, reliability, and security. It recommends using plugins like gatsby-source-drupal to connect Drupal content to a Gatsby site built with React.

How to keep Drupal relevant in the Git-based and API-driven CMS era DrupalCampNJJesus Manuel Olivas

More Related Content

What's hot (20)

Javascript Myths and its EvolutionDeepu S Nath

Decoupled (Headless) DrupalDaniel Stout

The shift to the edgeJakub Wadolowski

Connect your Javascript web app to ownCloud over the WebDAV interface Ilian Sapundshiev

DotnetGoodrich IT Solutions

Gatsby (Code.Talks) 2019Stefan Adolf

JS Lab`16. Андрей Колодницкий: "Разработка REST сервисов на SailsJS"GeeksLab Odessa

Creating a custom API for a headless DrupalExove

Cloud Community Engineering - Holiday readinessOleg Posyniak

HTML5 and friendsBobby van der Sluis

Mean Stack - An OverviewNaveen Pete

jclouds workshopEverett Toews

Web Development with Node.jsAndrew Lively

Get MEAN! Node.js and the MEAN stackNicholas McClay

The RAW stackMaurice De Beijer [MVP]

You know what iMEAN? Using MEAN stack for application dev on InformixKeshav Murthy

NodeSummit - MEAN StackValeri Karpov

Introduction to mean stackPraveen Gubbala

Building a Node.JS accelerator for your headless Drupal backend - DrupalCamp ...Exove

Back to the 90s' - Revenge of the static websiteYves Goeleven

Javascript Myths and its EvolutionDeepu S Nath

Decoupled (Headless) DrupalDaniel Stout

The shift to the edgeJakub Wadolowski

Connect your Javascript web app to ownCloud over the WebDAV interface Ilian Sapundshiev

DotnetGoodrich IT Solutions

Gatsby (Code.Talks) 2019Stefan Adolf

JS Lab`16. Андрей Колодницкий: "Разработка REST сервисов на SailsJS"GeeksLab Odessa

Creating a custom API for a headless DrupalExove

Cloud Community Engineering - Holiday readinessOleg Posyniak

HTML5 and friendsBobby van der Sluis

Mean Stack - An OverviewNaveen Pete

jclouds workshopEverett Toews

Web Development with Node.jsAndrew Lively

Get MEAN! Node.js and the MEAN stackNicholas McClay

The RAW stackMaurice De Beijer [MVP]

You know what iMEAN? Using MEAN stack for application dev on InformixKeshav Murthy

NodeSummit - MEAN StackValeri Karpov

Introduction to mean stackPraveen Gubbala

Building a Node.JS accelerator for your headless Drupal backend - DrupalCamp ...Exove

Back to the 90s' - Revenge of the static websiteYves Goeleven

Similar to How to keep Drupal relevant in the Git-based and API-driven CMS era - BADCamp (20)

Drupal South 2018 - How to keep Drupal relevant in the Git-based and API-dri...enzolutions

How to keep Drupal relevant in the Git-based and API-driven CMS era DrupalCampNJJesus Manuel Olivas

How to keep Drupal relevant in the Git-based and API-driven CMS era FloridaJesus Manuel Olivas

Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYCJesus Manuel Olivas

This document discusses embracing a headless CMS approach using Drupal and GatsbyJS. It begins by describing the traditional monolithic CMS model and some of its challenges around performance, reliability, security, and hosting. It then introduces static site generators and the JAMstack as an alternative approach that addresses these challenges. It provides examples of headless CMS options like Contentful and NetlifyCMS that can be used with Gatsby. Finally, it demonstrates a specific setup using Drupal as a headless CMS with an export plugin and Gatsby starter theme to build sites in a decoupled way.

Spark on Dataproc - Israel Spark Meetup at taboolatsliwowicz

This document summarizes a presentation about Google Cloud Dataproc, a fully managed Spark and Hadoop service. It provides an overview of Dataproc's features like fast cluster provisioning, minute-based billing, and integration with other Google Cloud services. The presentation demonstrates Dataproc's pricing and performance advantages over AWS EMR, and outlines Google's roadmap to add more frameworks, tools, and data stores to Dataproc.

Blazing fast sites using Blaze, Hybrid CMS NYCJesus Manuel Olivas

Blaze is a new Git-based hybrid CMS and PaaS that allows users to: 1. Create headless CMS projects that expose data via REST and GraphQL APIs. 2. Programmatically add, update, and delete content via these APIs. 3. Generate forms using a GUI and process submissions with Serverless functions. 4. Attach Serverless functions to content create/update/delete hooks. 5. Deploy projects to external PaaS providers like Netlify, GitHub, and CDNs. The presentation demonstrated creating a Blaze project, registering for early beta access, and the features planned for the early beta release.

Icinga 2009 at OSMCIcinga

Drupal 8 DevOps . Profile and SQL flows.Andrii Podanenko

SVILUPPARE E GESTIRE ARCHITETTURE A MICROSERVIZI SU AZUREDotNetCampus

Dnc2015 azure-microservizi-vforussoDotNetCampus

The document discusses microservices architecture on Azure and provides an overview of microservices, containers, Docker, Service Fabric, and other Azure services for developing and deploying microservices applications. It covers the evolution of application architecture styles, benefits of microservices, and how technologies like Docker and Service Fabric on Azure can be used to build, deploy and manage microservices applications at scale. Examples of JSON files for deployment and links for further reading are also included.

Best Practices for Moving to Drupal 9Acquia

Upgrading to the next major Drupal release can be complex - even stressful. In this webinar, we’ll show you how to take the pain out of the process, and get your Drupal 6, 7, or 8 site up and running on D9 - the latest and greatest Drupal release. During this webinar, we’ll share tips on environment setup, explain how to automate the script process, and discuss the overlaps between D8 and D9. We’ll also walk you through the out-of-the-box D9 migration process. We’ll be joined by our partners at Mediacurrent, who will share their recognized Drupal expertise and thought leadership. They’ll offer insight on identifying, tracking, and fixing common accessibility mistakes in a Drupal upgrade. And, they’ll explain the best ways to prep for a transition, including setting strategy, budgeting, and identifying KPIs to effectively demonstrate ROI. We’ll wrap it all up with a look at some new Acquia tools that can streamline and simplify the migration process even further. With this much information and expertise to gain, this is certain to be a can’t-miss event for any Drupal professional.

Drupal 7 - The Top 40 Core Modules and What They Mean for YouAcquia

Join Dries Buytaert, the creator and project lead for the Drupal open source social publishing system, for a one-hour presentation on the new Drupal 7. Dries will discuss the changes to Drupal 7, the new modules that have been added to core, and how these new modules will impact the Drupal 7 platform for developers, designers, site administrators and end-users. This is the second in a series of Drupal 7 Webinars hosted by Dries.

[20200720]cloud native develoment - Nelson LinHanLing Shen

There is no shortage now of development and CI/CD tools for cloud-native application development. But how do we put the cloud-native concept and think as the cloud-native way on the leftmost side of CI/CD pipeline. During developing phrase, the tools provided with cloud code can help you expedite iteration of source codes, run and debug cloud native applications in an easy and fast way, making cloud-native development turn into real-time process, reduce the gap between deployment and development. 現在不乏用於雲原生應用程序開發的開發和 CI/CD工具。但是，我們如何將雲原生概念放在的 CI/CD 流水線的最左側呢？在開發階段，如何用 Cloud code 協助您加快原始碼的迭代速度，以簡便快捷的方式運行和調用雲原生應用程序，使雲原生開發變為即使過程，縮小開發與部署之間的差

Angularjs practical project experiences with javascript development in a bankDavid Amend

This document summarizes a presentation about DAB Bank's experience switching to Angular.js for web development. It discusses how Angular.js helped solve problems with AJAX, customization, and legacy code. It provides an overview of how DAB Bank used Angular.js to build a personal finance manager application. Additional slides cover topics like SEO, security, Angular 2.0, TypeScript, and modern tech stacks.

CiviCRM for Drupal Developers, Designers, and Site Builders - DrupalCamp Colo...Kevin Reynen

This document summarizes a presentation by Kevin Reynen titled "CiviCRM for Developers, Designers, and Site Builders" given at DrupalCamp Colorado. It discusses Kevin's background and experience with CiviCRM and Drupal. It provides an overview of Drupal modules that integrate with CiviCRM like Webform, Groups, and Events. It also covers how CiviCRM uses the Smarty template engine differently than Drupal's PHPTemplate engine. The presentation compares using Drupal, Salesforce, or RedHen distributions with CiviCRM and discusses challenges of major upgrades. It demonstrates CiviCRM integrated with both Drupal and WordPress.

Web NinjaAlfi Rizka

This document outlines the agenda for a 5-day training on becoming a web ninja. Day 1 covers why attendees should be ninjas and how to set up their work environments. Day 2 focuses on HTML and CSS basics. Day 3 covers JavaScript and jQuery. Day 4 covers PHP and MySQL. Day 5 has attendees create their own websites combining the skills learned. The document also provides tips on file structures, tools to use, and top web resources for ninjas.

Building a multi-tenant cloud service from legacy code with Docker containersaslomibm

A reusable architectural pattern to migrate legacy application to a cloud service. The architecture pattern can be used by other legacy applications that need to migrate to cloud. The architecture was validated by the Beta release of the IBM Bluemix Workflow service and Docker containers were key capability to manage separate workflow engines for each tenant combined with cloud database for persistence layer and a content-based routing.

I use drupal / 我是ＯＯ師，我用 DrupalChris Wu

Docker IntroductionJeffrey Ellin

Docker is a system for running applications securely isolated in a container to provide a consistent deployment environment. The document introduces Docker, discusses the challenges of deploying applications ("the matrix from hell"), and how Docker addresses these challenges by allowing applications and their dependencies to be packaged into lightweight executable containers that can run on any infrastructure. It also summarizes key Docker tools like Docker Compose for defining and running multi-container apps, Docker Machine for provisioning remote Docker hosts in various clouds, and Docker Swarm for clustering Docker hosts.

Grav CMSbtopro

Drupal South 2018 - How to keep Drupal relevant in the Git-based and API-dri...enzolutions

How to keep Drupal relevant in the Git-based and API-driven CMS era DrupalCampNJJesus Manuel Olivas

How to keep Drupal relevant in the Git-based and API-driven CMS era FloridaJesus Manuel Olivas

Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYCJesus Manuel Olivas

Spark on Dataproc - Israel Spark Meetup at taboolatsliwowicz

Blazing fast sites using Blaze, Hybrid CMS NYCJesus Manuel Olivas

Icinga 2009 at OSMCIcinga

Drupal 8 DevOps . Profile and SQL flows.Andrii Podanenko

SVILUPPARE E GESTIRE ARCHITETTURE A MICROSERVIZI SU AZUREDotNetCampus

Dnc2015 azure-microservizi-vforussoDotNetCampus

Best Practices for Moving to Drupal 9Acquia

Drupal 7 - The Top 40 Core Modules and What They Mean for YouAcquia

[20200720]cloud native develoment - Nelson LinHanLing Shen

Angularjs practical project experiences with javascript development in a bankDavid Amend

CiviCRM for Drupal Developers, Designers, and Site Builders - DrupalCamp Colo...Kevin Reynen

Web NinjaAlfi Rizka

Building a multi-tenant cloud service from legacy code with Docker containersaslomibm

I use drupal / 我是ＯＯ師，我用 DrupalChris Wu

Docker IntroductionJeffrey Ellin

Grav CMSbtopro

More from Jesus Manuel Olivas (20)

Remix & GraphQL: A match made in heaven with type-safety DXJesus Manuel Olivas

Remix and GraphQL are two of the most exciting technologies in web development today. Remix is a new frontend framework that makes it easy to build efficient and type-safe applications. GraphQL is a query language that makes it easy to fetch data from a variety of sources. In this session, we will discuss how Remix and GraphQL can be used together to create a more efficient and type-safe development experience. We will cover the following topics: - The challenges of developing web applications with traditional templating languages - How Remix can be used to improve state management and data fetching - How GraphQL can be used to improve the development experience for Remix applications - The benefits of using Remix and GraphQL together This session is for anyone interested in learning more about Remix and GraphQL. No prior experience with either technology is required.

Drupal 10 Party GraphQLJesus Manuel Olivas

This document discusses a Drupal 10 party focused on GraphQL. It provides information on GraphQL and how it can be used with Drupal. Specifically, it outlines the Drupal GraphQL and Drupal GraphQL Compose modules which allow generating a GraphQL schema from Drupal entities and structures. It also previews upcoming features for Drupal GraphQL like a GUI for configuring exposed content and fields and support for write actions/mutations. The presenter takes questions at the end.

How to use Drupal to create editorial experiences your content creators will...Jesus Manuel Olivas

This document discusses how to improve the content editing experience in Drupal through the use of modules and themes. It recommends using the Claro or Gin admin themes to modernize the interface. It also recommends modules like Paragraphs, Field Group and Layout Paragraphs to provide a better user experience for managing reusable content like paragraphs. Finally, it discusses how to integrate preview of decoupled React components directly in the Drupal content editing interface using GraphQL.

Beyond Static: Building a Dynamic Application with GatsbyJesus Manuel Olivas

This document discusses building a dynamic application with Gatsby by connecting it to a Drupal backend as a decoupled content management system (CMS). It covers using Gatsby to render static content at build time from Drupal, making client-side calls for dynamic content, implementing user authentication, and allowing content updates from Gatsby. The benefits of this JAMstack architecture include performance, reliability, security and easier hosting compared to traditional monolithic server-rendered stacks.

Drupal, GraphQL, Views, View Modes and Gatsby for a US Gov site CMS PhillyJesus Manuel Olivas

This document discusses using Drupal, GraphQL, Views, View Modes and Gatsby to build a modern frontend for a US government website while keeping the same editorial experience and reducing infrastructure overhead. It covers migrating content from Drupal to a headless Gatsby site using View Modes and Views to surface content via GraphQL, as well as managing content through YAML files and custom console commands.

Embracing the modern web using a Headless CMS with GatsbyJS CMS PhillyJesus Manuel Olivas

This document discusses using a headless content management system (CMS) like Drupal or WordPress with GatsbyJS for a modern web development stack. It defines traditional monolithic and headless CMS approaches. With headless CMS, content is accessible via REST or GraphQL APIs for display on any device. The document recommends using Drupal/WP with GraphQL and building sites with GatsbyJS, which provides benefits like faster iteration, reusability with themes, and leveraging modern technologies.

Embracing the modern web using a Headless CMS with GatsbyJS StanfordJesus Manuel Olivas

This document discusses using a headless CMS like Drupal or WordPress with GatsbyJS to build modern websites. It defines headless CMS as a back-end only CMS with a RESTful or GraphQL API to access content. GatsbyJS is introduced as a framework for building fast websites and apps with React. The benefits discussed are using GraphQL to centralize data access, leveraging Gatsby plugins and themes, and providing a better developer experience with modern technologies and separation of concerns.

Building a modern application using Symfony API Platform and GatsbyJS PHP QROJesus Manuel Olivas

This document discusses building a modern application using Symfony API Platform and GatsbyJS. It introduces Symfony API Platform as a framework for building API-driven projects with REST and GraphQL support. It also discusses using GatsbyJS, a React framework, to build fast websites and apps that can pull data from the Symfony API via GraphQL. User authentication with JWT and integrating the two frameworks is also covered at a high level.

Building a dynamic application with GatsbyJS-Tec-MexicaliJesus Manuel Olivas

GatsbyJS is a free and open source framework based on React that helps developers build fast websites and apps. It centralizes data with GraphQL, making data easier to explore with a single source of truth. Gatsby sites are static, which provides blazing fast performance, simpler deployment, and immutable deployments with reduced DevOps overhead. Dynamic features like content from external endpoints and user authentication can also be supported.

Building a modern web application in the cloud partnerconJesus Manuel Olivas

The document discusses building modern web applications in the cloud. It covers cloud concepts like providers, services, and tools as well as platforms as a service (PaaS). Specifically, it discusses using Firebase and Google Cloud Platform for backend services and hosting static sites with JAMstack. It also mentions options for headless content management systems like CloudCannon, NetlifyCMS, and Drupal to manage content in the cloud.

Embracing the modern web using Drupal as a Headless CMS with Gatsby BADCampJesus Manuel Olivas

This document discusses using Drupal as a headless CMS with GatsbyJS to build blazing fast websites. It outlines some challenges of traditional monolithic CMS and benefits of a headless approach. Key aspects covered include using Drupal for content modeling and editing while leveraging Gatsby for performance. It provides examples of configuring Gatsby sources, creating pages and fragments, mapping data to React components, and component resolution.

Writing a slack chatbot seattleJesus Manuel Olivas

Building a Modern Web Application in the Cloud TecNerdJesus Manuel Olivas

This document discusses building modern web applications in the cloud. It begins by defining cloud computing as software and services that run on the internet rather than locally. It then lists several benefits of developing in the cloud such as quick time to market, networked backups preventing data loss from hardware failures, and reduced costs from not having to manage servers. The document also lists some popular cloud providers and services as well as tools for cloud development including Repl.it, Stackblitz, CodeSandbox, and Coder. It discusses platform as a service (PaaS) such as Amplify and Firebase and their features including hosting, functions, authentication, and NoSQL databases. The presentation concludes by thanking the audience and inviting questions

Tools and Projects Dec 2018 EditionJesus Manuel Olivas

This document provides information on various tools and projects, including: - JSON Server for creating a REST API from a JSON database - JSON GraphQL Server for creating a GraphQL API from JSON - react-jsonschema-form for building forms from JSON schemas in React - docz for creating documentation sites from MDX files - Additional resources like CodeSandbox, Runkit, Prisma, and Visual Studio Code are also mentioned.

Creating a modern web application using Symfony API Platform AtlantaJesus Manuel Olivas

The API Platform framework is a set of tools to help you building API-first projects. The API project Platform is built on top of the Symfony framework, it means you can reuse all your Drupal 8 and Symfony skills and benefit of the incredible amount of Symfony documentation and community bundles. During this session, you will learn how to use the API Platform project to create a modern web application using Symfony, Doctrine, and ReactJS.

Battle of the CMS DrupalCampLAJesus Manuel Olivas

Creating a modern web application using Symfony API Platform, ReactJS and Red...Jesus Manuel Olivas

Writing a slack chatbot DrupalCampLAJesus Manuel Olivas

Improving your Drupal 8 development workflow DrupalCampLAJesus Manuel Olivas

Drupal 8 has changed a lot and the process of creating, building, testing and deploying a site is not the exception. During this session, you will understand the process of creating, building, testing and deploying Drupal 8 sites, and learn which tools you can use to improve your local development workflow and reduce project setup and onboarding time, implement automated analysis tools for code review, code coverage and finally how to build an artifact and deploy your project.

Writing a slack chatbot mxlosJesus Manuel Olivas