Hello world

2021.11.26
Druxt

With every new blog there needs to be a first post, so Hello World and welcome to the Stuart Clark Druxt blog.

The purpose of this site is to give me a playground, a place to post on the progress and implement the results of my various Decoupled Drupal experiments.

This site in itself is the result of an experiment; a Databaseless and Serverless, Statically generated Druxt frontend hosted on the CDN.

Who is Stuart?

Professionally, I'm a Senior Decoupled Drupal developer at Realityloop in Victoria, Australia.

I've been working with Drupal for over 15 years, both professional and as member of open source development community.

For the last 4 years I've been focusing on Vue.js and Nuxt.js, leading to the creation of the Druxt framework.

What is Druxt?

Druxt is an open source framework for building Fully Decoupled Drupal sites or integrations with the Nuxt.js frontend framework.

Druxt = Drupal + Nuxt

Decoupling Drupal is the practice of separating the presentation layer, the frontend, from the content management and site administration, the backend. A primary reason this is done is to gain the advantages of a modern javascript frontend frameworks and languages, like Nuxt.js and Vue.js.

Druxt bridges the gap between Drupal and Nuxt, and provides Vue components that consume both content and configuration to provide default behaviour. e.g, Drupal Entities with support for Display modes, Drupal views with filters, pagination, etc.

You can find out more about Druxt @ druxtjs.org

The Blog / The Experiment

For me, as a developer, a personal website is more about the build than the result; it's an opportunity to experiment with web technologies, being able to build something fun and interesting, to see what can be done.

Being the developer of Druxt, it's relatively important that I also maintain my own Druxt site, to use the technology in real world situations.

But on top of that, this site is an experiment of running and maintaining a serverless and databaseless, decoupled Drupal site on a CDN (Netlify) for free.

This is achieved by running Druxt inside of Gitpod with the Drupal Tome module and using Nuxt as a static site generator.

Spoiler alert, if you are reading this, the experiment was a success.

Over the life of this blog/site I will be posting more details on this and other decoupled Drupal experiments, including guides and tutorials. Stay tuned for more.

The code

This site is entirely open source, the content, configuration and codebase all live in a public Github repository which is configured to run entirely within Gitpod.

See the code Run in Gitpod