Frontend-Frameworks

Getting started with Lupus Decoupled Drupal

wolfgang.ziegler — Mon, 22 May 2023 20:40:30 +0000

Getting started with Lupus Decoupled Drupal

Room

HS1 (Ground level)

wolfgang.ziegler Mon, 05/22/2023 - 22:40

Time Slot

Thu 3:00pm to 3:45pm (7/20/23)

Session length

Long session - 45min, including Q&A

Audience

Intermediate

Session Category

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. We'll be running Drupal next to a nuxt-based frontend, with working authentication, editor-previews, nice-URLs, metatags and layout builder! After setting everything up we'll go through the steps of adding adding a new content type and see how easy the frontend can be customized by writing vue-components. After the basics we'll go through the steps to use layout builder and Views integration within the decoupled setup.

https://www.drupal.org/project/lupus_decoupled
https://nuxt.com/

Speaker(s)

Wolfgang Ziegler

Managing Partner, CTO at drunomics GmbH

Speaker biography

Wolfgang Ziegler is a passionate Drupal contributor and system architect from Vienna, Austria. He is "Managing Partner, CTO" at drunomics in Vienna.

Wolfgang Ziegler - known as fago in the Drupal community - is working with Drupal since 2005. Since then, he authored a variety of different modules, like Rules, Profile2 and their predecessors. He is past maintainer of the core Form and Entity API subsystems and was the lead behind Entity API improvements in Drupal 8, like the new Entity Field API and the underlying Typed Data System.

As part of his position at drunomics, Wolfgang gained a vast experience in utilizing a decoupled architecture by decoupling Drupal and combining it with a Nuxt.js frontend. Furthermore he is an advocate of DevOps principles and loves helping to establishing a DevOps mindset and practices.

Session Keywords

Frontend-Frameworks

Drupal Site-Building

Javascript

Single-Page-Applications

Back End Development

Decoupled Drupal in Jobiqo: a retrospective

joaogarin — Thu, 18 May 2023 08:25:53 +0000

Decoupled Drupal in Jobiqo: a retrospective

Room

HS1 (Ground level)

joaogarin Thu, 05/18/2023 - 10:25

Time Slot

Wed 5:10pm to 5:40pm (7/19/23)

Session length

Short session - 25min, including Q&A

Audience

All Attendees

Session Category

Decoupled & Frontend Development

When we 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. We found ourselves having to navigate very uncertain waters, not all was easy, but a lot of it was new and exciting and drove a lot of interesting times, personal development, struggles and yes maybe even some tears!

Today we can look back at past mistakes, good decisions, bad decisions, difficult decisions and implementations, great collaboration efforts and things we are not yet even sure were good or bad.

In this session I will go through the initial business (and technical) motivations to change jobiqo’s product which is a SAAS software for creating job boards from a very typical Drupal 7 architecture with a decoupled architecture using Drupal GraphQL and Next.js, what were some of the things we wanted to achieve with it, the risks we knew of, the risks we didn't know of, and analyse if we have delivered on those ideas today.

Doing a radical stack shift like this on a stable and mature product is no easy task, risks are involved, emotions are involved and a lot of buy-in needs to happen in all parts of the organisation (not just from developers) for it to truly succeed.

In this talk we can explore some of those risks and challenges such as :

Time to market (and development time in general)
Lack of knowledge from the team on specific flows / tools to be used
Security and accessibility

And much more.. We also will touch on specific patterns you can find youself fall into that can be detrimental to the team's success such as

Isolating backend and frontend development teams
Working on silos for the sake of "separation of concerns" (spoiler alert, both work on the same concern)
Lack of knowledge sharing

The session does not require any previous knowledge of any specific framework, just a basic understanding of the differences between a typical monolithic architecture and a decoupled architecture.

Speaker(s)

Joao Garin

Senior frontend developer at jobiqo

Speaker biography

Joao Garin

Joao is a senior frontend developer at jobiqo. Has been working at jobiqo for 8 years and worked on both the Drupal 7 version of jobiqo's product and the newer decoupled product. Joao is a tech lead on the product team and is passionate about frontend development, CSS, Javascript and Drupal.

A father of 2, loves surfing, skating, video games and frontend development, huge tolkien nerd also 🤷‍♂️ . You can find him in Lisbon and once every 2 or 3 months for a week in Vienna to join the team in the office and hang out.

Session Keywords

Build a fully decoupled application with Drupal and NextJS

VincenzoGambino — Sat, 13 May 2023 15:31:59 +0000

Build a fully decoupled application with Drupal and NextJS

Room

HS4 (Ground level)

VincenzoGambino Sat, 05/13/2023 - 17:31

Time Slot

Sat 11:00am to 11:45am (7/22/23)

Session length

Long session - 45min, including Q&A

Audience

Beginner

Session Category

Decoupled & Frontend Development

This session will show how NextJS and Drupal can create powerful and flexible web applications. We will set up Drupal to manage our content and provide APIs for your NextJS, and we will explore the basic content management functionality of Drupal. NextJS will then be used to build our web application's front end. We will see how to create queries to retrieve content using the Drupal API. We will set up dynamic routes to handle content, allowing fast and efficient server-side rendering.

We will explore the Next.js for Drupal npm package that provides a powerful client for working with JSON:API

Learning Objectives

- Understand the approaches of a fully decoupled Drupal Application

- Configure Drupal Webservices and Next.js for Drupal module.

- Set up and build a NextJS application for Drupal.

Prerequisites

Basic knowledge of Drupal JSON:API, ReactJS and TypeScript.

Synopsis

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

Speaker(s)

Vincenzo Gambino

Speaker biography

I am a Senior PHP and Javascript Software Developer from London, UK, with experience building Web Applications for medium-big sized businesses.

Session Keywords

React

Frontend-Frameworks

Javascript

CKEditor 5: One Small Step for Content Editor, One Giant Leap for Drupal

Vladimir R — Mon, 10 Apr 2023 08:15:03 +0000

CKEditor 5: One Small Step for Content Editor, One Giant Leap for Drupal

Room

HS1 (Ground level)

Vladimir R Mon, 04/10/2023 - 10:15

Time Slot

Thu 4:15pm to 5:00pm (7/20/23)

Session length

Long session - 45min, including Q&A

Audience

All Attendees

Session Category

Accessibility, User Experience & Marketing

Introduction of CKEditor 5 to Drupal core has improved the content creation experience for website editors. The new version of rich text editor offers a more intuitive and modern interface than its predecessor. The complete rewrite of core features have made it easier to produce high-quality content with less effort.

Drupal configuration process has undergone some changes, and it is essential to understand how to configure the editor when building new and upgrading existing websites. We will kick off by configuring CKEditor 5 for Drupal 10 highlighting practical tips and gotchas.

Some functionality provided by contrib modules might not be available, so we will list top Drupal modules that are currently updated to support CKEditor 5 and how site builders can utilise them to improve the content creation. If a specific functionality is not available, site builders can contribute back by identifying the gaps and sharing the findings with the community.

The best for the last, demo of the editor's premium features enhancing functionality relevant to teams such as real-time collaboration, revision history, and comments.

Overall, the presentation will showcase the improvements brought to Drupal by CKEditor 5, the changes to configuration process, and the Drupal modules and premium features available to improve the editor's functionality and collaboration.

Speaker(s)

Vladimir Roudakov

Teacher at Tomato Elephant Studio

Speaker biography

Speaker1

Hi, I'm Vladimir. I am a Drupal developer and IT teacher from Brisbane, Australia.
I maintain popular Bootstrap 5 theme and number of Drupal modules.
I contribute to various technologies including Drupal, Bootstrap and Gitlab.
I organise Drupal Brisbane Meetup, DrupalCamp Byron Bay and DrupalSouth conference and free monthly Drupal training sessions.

Session Keywords

UI Suite from the trenches: joys and struggles implementing a design system inside Drupal

Grimreaper — Mon, 03 Apr 2023 07:39:47 +0000

UI Suite from the trenches: joys and struggles implementing a design system inside Drupal

Room

HS1 (Ground level)

Grimreaper Mon, 04/03/2023 - 09:39

Time Slot

Sat 10:00am to 10:45am (7/22/23)

Session length

Long session - 45min, including Q&A

Audience

Intermediate

Session Category

Backend Development

UI Suite is a community initiative that aims to provide full Design systems integration inside Drupal architecture. It is designed to target Site builder and Back/Front developer experiences in mind. We’ll focus here on developers.

Since DrupalCon Prague 2022, the UI Suite ecosystem has gained in maturity and lots of discussions happened about the best ways to integrate a Design system in Drupal. From this emerges Best practices.

With the experience gained implementing various private and public design systems (Bootstrap, Material, Protocol, DSFR, …), I propose to present those best practices following feedbacks, evolutions of design systems and Drupal.

Speaker(s)

Florent Torregrosa

Tech expert at Smile

Speaker biography

Grimreaper

Involved in the Drupal community for more than 10 years.

Introduced to design system integration with UI Suite since it was internal discussions at Smile with Pierre Dureau. Using it on projects and contributing to the ecosystem since 2021.

Session Keywords

Drupal Site-Building

Frontend-Frameworks

Back End Development