Build a fully decoupled application with Drupal and NextJS

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

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

Commerce Decoupled - NextJS and the commerce_api module

Cryt1c — Mon, 27 Mar 2023 08:40:26 +0000

Commerce Decoupled - NextJS and the commerce_api module

Room

HS13 (2nd floor)

Cryt1c Mon, 03/27/2023 - 10:40

Time Slot

Wed 11:45am to 12:15pm (7/19/23)

Session length

Short session - 25min, including Q&A

Audience

Intermediate

Session Category

Decoupled & Frontend Development

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.

Speaker(s)

David Peherstorfer

Software Engineer at NETNODE

Speaker biography

David Peherstorfer is a web developer who is passionate about learning new things and sharing his knowledge with others. He has been working with Drupal since 2016 and is experienced in developing web applications using this platform. David enjoys working with APIs (GraphQL/JSON API), decoupled Drupal and Nextjs.

Based in the mountainous region of Vorarlberg, David works at NETNODE in Luzern. He loves the natural beauty of his surroundings and enjoys hiking and skiing in his free time.

David's enthusiasm for web development and his dedication to learning make him a valuable speaker on topics related to Drupal and web development.

Session Keywords

Ecommerce

React