Javascript and Single Page Applications

Drupal has many tools for rich content editing, starting from default CKEditor, which can be extended with plugins, the entire Paragraphs ecosystem, Layout Builder, and its extensions.

Decoupled Drupal has moved beyond experimentation, it’s delivering real-world performance, scalability, and flexibility beyond traditional architectures. This session dives into the latest decoupled projects shaping the future of Drupal:

If you're attending Drupal Dev Days attendee, you've probably heard about Experience Builder, and seen glimpses during multiple DriesNotes. You're likely wondering what's changed since then. And you're quite possibly wondering how it all works.

If so: this session is for you! Bálint and Wim will:

A short presentation on the what and why of JSON Web Tokens (JWT) in the context of web applications like Drupal including a quick look at the jwt module.

This session should leave you with a clear idea of what a JWT is and some important use cases in web applications. In addition, you will have an overview of how the Drupal jwt module can help you build a decoupled web application with Drupal as the data source or generally how to use it for pulling data out of Drupal such as from jsonapi without a user login.

=========

In this session, we'll show you how we use Drupal as a headless data hub to power a platform supporting crowdfunding campaigns and events with complex registration flows.

For a large non-profit organization we built a platform to handle the registrations, organization, and funding of various yearly events while maintaining smooth day-to-day operations. If that wasn’t enough the platform needed to handle significant traffic spikes from national TV and radio coverage while supporting authenticated users.

In this session, we'll explore how Lupus Decoupled Drupal streamlines modern web development with its innovative Custom Elements UI, allowing frontend developers to customize API responses directly through Drupal's configuration system - no PHP code required. While the backend is fully configured through Drupal's UI, frontenders keep complete control over their HTML output in the decoupled frontend.

Want to build modern web applications without drowning in JavaScript complexity? This session shows Drupal developers how Nuxt makes modern frontend development surprisingly approachable. Starting with Vue.js basics, you'll learn how to leverage Nuxt's powerful features - from file-based routing to hybrid rendering - without needing to become a JavaScript expert.

Tobie Langel is a world-leading expert and international speaker on open source and standardization. He advises some of the biggest names in tech (Google, Microsoft, Mozilla, Intel, Cisco), promising startups (GitLab, Airtable, Coil), industry organizations (OpenJS Foundation, OASIS, W3C) and nonprofits (Organization for Ethical Source, Ushahidi, Omidyar Network), either pro bono or through his consultancy, UnlockOpen.

At VDAB we built a visual regression testing workflow on top of BackstopJS. This open source tool lets you compare screenshots over time of (parts of) your website or application so you can maintain, update and deploy your code ensuring the visual integrity remains unchanged.
In this talk I will show you how you can set up your own BackstopJS testing workflow with examples and some different approaches. But also how we at VDAB use it on a daily basis, and all the cool features we build into our workflow.

Ever wondered how to make sure your routes are in the correct language when working on a NextJS frontend (using pages router)? We've had this issue a couple of times as well. In this session you will get an overview of how we ensure that our frontend can power the correct names of paths.

You'll walk away from this session with a good idea on how to implement this in your own applications. Some knowledge about how next js routers work is required.

Livestream: