Once upon a time, in a codebase far, far away, I, a seasoned Drupal developer of 20+ years, decided to embark on a wild adventure beyond the back end. My journey has been filled with enterprise-level tales, where I’ve heroically passed the baton to our valiant Front End developers to bring our creations to life.
React? Headless CMS? These were but myths and legends to me, a back-end wizard. The plethora of options seemed more daunting than choosing the right spell in a duel. Where does one even begin in this vast sea of frameworks?
Then, as fate would have it, our team was tasked with creating our new corporate site as a Headless Drupal entity. This quest led me to create a POC… which spiraled into a tutorial… and before I knew it, I was caught in the gravitational pull of another framework. NextJS and Astro became my new allies in the digital realm.
Fast forward to this week, post-launch of my latest creation (this very blog), when my wife, the queen of practicality, approached me with a quest of her own. Our daughter had just introduced a new member to our family, a beautiful baby born ahead of schedule. Amidst the joy, the new parents found themselves on a relentless journey between home and hospital, leaving them utterly exhausted.
The queen’s request was simple: a humble one-page site where loyal subjects could offer their support through UberEats gift cards or Venmo donations. Armed with my newfound knowledge, I set forth to craft this digital haven. My development build was a masterpiece, a sight to behold. Yet, upon unveiling it to the world via Cloudflare, I discovered a critical piece missing from my tapestry - the image with the QR code had vanished into the ether.
In a moment of desperation, I reverted to ancient magic, using the standard html <img> tag. Alas, it was the <Image> component and the mystical art of relative paths that eventually led me to victory. But the battle was not yet won. The npm run build showcased the image in all its glory, yet upon publication, it disappeared once more.
After a night of rest and reflection, I uncovered the culprit - a mischievous gitignore spell was banishing my images to the shadow realm. And so, I learned two valuable lessons on my quest: the transformation from img to IMAGE component and the treacherous pitfalls of gitignore.
This digital kingdom will only stand for a few weeks, but the knowledge gained from its swift creation and deployment will last a lifetime. And thus, the URL https://millers.deandxp.com stands as a testament to this grand adventure.