How does this site work? Cloudflare workers, Nuxt, & Drupal

6/6/2025

This website is a mash up of technologies, but essentially falls into the "Decoupled Drupal" category.

Cloudflare

Cloudflare Workers have moved on greatly over the recent years, if not the recent months. The Static Assets feature with support of many popular frameworks makes it a web development dream.

This site uses the Vue.js based server side rendering framework Nuxt, and was generated by simply using the Cloudflare command:

npm create cloudflare@latest -- millwoodonline --framework=nuxt

From there Tailwind was added for a simple UI, and a server element was added to pull content from a Drupal site.

Drupal

The Drupal site is actually running on my home network. Technically it runs on a few Docker containers on a Synology NAS which is open to the internet using a Cloudflare tunnel. Yet, the only path of the Drupal site truly open to the internet is /jsonapi as the rest of the Drupal site is behind Cloudflare access. It's one of the most simple Drupal sites ever as it's pretty much just the standard install profile.

Nuxt

The usage of Nuxt is pretty standard too, it simply renders the pages with view, but pulls the articles from Drupal using JSON:API. The specific articles are grabbed from Drupal using the path, which is passed to Drupal to pull the content for that given path.

 

In summary, this is a super simple way to serve a super simple site.