Collaboration project with Wunder
This project is a final group work within the Full Stack Developer program at Business College Helsinki and it was done in collaboration with Wunder. The main goal of this project was rebuilding a website using headless Drupal with Next.js on the frontend based on next-drupal-starterkit, an innovation by Mario Vercellotti from Wunder.
In this project we provided the functionality to create different types of content (e.g. articles, site specific sections such as services, events, careers, including nested pages such as open positions). The main backend module was paragraphs, which allows flexible customisation of the internal content of the site pages, and also has great integration with jsonapi, allowing this module to be used in a headless solution. In addition, the tmgmt module is used on the backend along with an additional module that provides the ability to automatically translate content using DeepL. A small custom module is also implemented on the backend to store information in the Drupal database about the consent received to process cookies, highlighting the type of cookie and the expiry date of the consent.
The frontend was mainly implemented using Next.js and styled using Tailwind, but the Zod library played a large role in the implementation of the application, providing validation of all data received from the backend. In addition to a unique page design for each specific section of the site, the frontend implemented support for three languages, a custom component for working with cookies, and connected Matomo analytics (with information output in the Drupal admin panel).
A video presentation of the site, including page navigation, language and theme switching, and a demonstration of how the cookie module works.