I often get asked where I host my Drupal websites.

When it comes to hosting, Hetzner is my partner of choice.

I've made a post on how I setup Drupal 11 projects on Hetzner.

Link to the post: https://fonsvandamme.com/insights/setting-drupal-11-website-hetzner

If people are interested in this matter (let me know) I'll show you how you can Deploy from Gitlab directly to your server in a next post.

I just want to share what I've been up to.

For Webhaven I want to start creating the documentation on how to get up and running and how it works in general.

So i've researched some documentation tools and layouts that I liked. Most were in a different tech stack and I didn't want to bother introduce a new kind of tool for this. So I figured, why not build this in Drupal myself and learn a thing or two?

So I did. In this post I'd love to share the steps.

The first step was the research, I won't copy paste all the inspiration links but I figured out I liked the documentation of Orbstack a lot (https://docs.orbstack.dev/).

Based on that I've started building (what you see in the video).

Most of it is Drupal core:

- Documentation content type
- Documentation menu

But i've also introduced one contrib module:

- Tocbot (https://www.drupal.org/project/tocbot), the module didn't work out of the box and could use some improvements so I've added 3 issues in the issue queue and fixed that. The new release has all the fixes in place

The visual look & feel I made with my own starter theme that uses SDC.

The previous and next links I first wanted to create in a custom module with a block that reads out the menu and fetches this links. I felt I would need to write a lot of code to do this so I've made it with javascript in the front-end and just get the links out of the menu instead.

I hope you like it, all feedback is welcome.

This might be cool to recreate in a video with a Drupal recipe so people can also use / extend on it.

Now I'll stop building and start writing the documentation. Once I have more documentation in place I'll probably also add Search functionality (thinking about using drupal/search_api and drupal/fac for that).

I've been using Drupal for over 15 years and one of the things people have often told me when I let them know I'm into Drupal is that it's slow.

Well, in the wrong hands a formula one car isn't fast either.

Since Drupal 11 came out I feel like there are huge performance gains (probably because a lot of the advagg functionalities are now in Drupal core).

Enter the Quadrupal challenge!

Get a Drupal site to score 100 in Google Page Speed Insights (https://pagespeed.web.dev/). I've never seen it before so I wasn't even sure if it was something doable.

After a lot of trial and error, reading, learning a lot I've finally completed the challenge!

Is anyone up for the challenge? Let me know how it goes!

Desktop score

Desktop score for fonsvandamme.com

Mobile score

Mobile score for fonsvandamme.com

The website is running on a Hetzner shared webhosting (so not on a overdimensioned powerhouse server)