Decoupled & Frontend Development

Lupus Decoupled Drupal provides a complete, fully integrated solution for a headless Drupal out of the box - combining the power of Drupal with a modern frontend! In this session we are building a ddev-based project based upon Lupus Decoupled Drupal - live! We'll start from scratch and will go through all necessary steps to build the site, step-by-step, so you can follow along if you like.

At https://www.jobiqo.com/ started our decoupled journey in 2018 the Drupal decoupled scene was new, very different and less mature than it is today. In this session I will go through the initial business (and technical) motivations to change jobiqo’s product from a very typical Drupal 7 architecture with a decoupled architecture using Drupal GraphQL and Next.js. We will discuss challenges, risk and patterns we found while working in Decoupled Drupal over the last 5 years

A quick overview of all the exciting features that are coming to HTML, CSS & JavaScript in the near future.

This session will provide valuable insights and techniques for building dynamic, scalable, fully decoupled Drupal applications.

There are certain javascript-based interactive components that we front-end developers build over, and over, and over, and over again. What's more, we often adhere rigidly to the requirements of the current project when we do so meaning that the end products are not easy to re-use. The end result is a lot of javascript-based components that are buggy, inaccessible, and outdated. Well, we can do better. This session outlines and demonstrates a general approach to building small interactive components with progressive-enhancement, re-use, customisation, and responsiveness in mind.

In this presentation, the use of Nextjs and the Drupal commerce_api module for creating a decoupled webshop will be explored. Statically generated pages for products and and product variations will be focused on, as well as the addition of products to the cart, handling amounts, and deleting order items. Products with flexible pricing will also be discussed, as well as the management of anonymous and user-assigned carts. The registration process during checkout will also be examined, with an emphasis on creating a seamless and efficient user experience for customers. Throughout the presentation, best practices and tips for creating a successful decoupled webshop using Nextjs and the Drupal commerce_api module will be shared. Finnally, a real-life example of a webshop that has successfully implemented this approach will be presented. By the end of the presentation, attendees will have a clear understanding of how Nextjs and Drupal commerce_api can be integrated to create a decoupled webshop that is both flexible and provides a great user experience. It will also provide you with the tools and knowledge needed to create your own decoupled webshop using these technologies.