Blog

  • Contentful Inventory – Content Model Documentation Generator

    Contentful Inventory – Content Model Documentation Generator

    The Problem

    Working with Contentful on large projects, I noticed a recurring challenge: understanding and documenting the content model. Teams often struggle to:

    • Onboard new developers who need to understand the CMS structure
    • Track relationships between content types
    • Audit which fields use enumerations and their allowed values
    • Keep documentation in sync with the actual content model


    The Solution

    I built Contentful Inventory, a CLI tool that connects to your Contentful space and generates a beautiful, interactive HTML report of your entire content model.


    Key Features

    • Complete Overview – Visualize all content types with entry counts and field statistics
    • Reference Mapping – Understand how content types link to each other
    • Enumeration Values – See all allowed values for dropdown fields at a glance
    • Zero Configuration – Just add your credentials and run
    • Static HTML Output – Share with non-technical team members, no server needed


    Technical Highlights

    • Used the Contentful Management API to fetch content types, fields, and entry counts
    • Implemented rate limiting to handle API constraints gracefully
    • Generated a self-contained HTML report with embedded CSS and JavaScript
    • Built with TypeScript for type safety and better developer experience


    Impact

    This tool has helped teams:

    • Reduce onboarding time for new developers
    • Improve communication between developers and content editors
    • Catch content model issues during audits
    • Maintain up-to-date documentation effortlessly

    Links

    GitHub Repository

  • Are We Coding… So We Don’t Have to Code?

    Are We Coding… So We Don’t Have to Code?

    “We build tools to automate tasks.
    We automate tasks to avoid manual work.
    We avoid manual work… so we can build more tools.”

    In the world of software development, this loop feels all too familiar.

    The Eternal Dev Paradox

    Every developer has felt it:

    • You write a script to save you 10 minutes every day.
    • You spend 2 days writing that script.
    • You proudly remove a manual task from your workflow…
    • …only to use that extra time to automate something else.

    So I ask:

    Are we coding to avoid coding?

    It’s a tongue-in-cheek question, but it captures a very real dynamic in the evolution of the web.

    The Web Dev Evolution: From Writing Code to Prompting It

    Let’s take a quick tour of how we’ve “simplified” front-end development over time:

    HTML – Hand-crafted structure

    Simple, semantic, static. The web in its rawest form.

    JavaScript – Interactive magic

    Suddenly, we could manipulate the DOM, validate forms, and respond to events.

    jQuery – Do more with less

    jQuery made JS tolerable and concise. $() was freedom.

    React – UI as a function of state

    Component-based, declarative, and dynamic. We stopped “hacking the DOM” and started thinking in state.

    Next.js – Frameworks over libraries

    Routing, SSR, API routes, SEO — all baked in. Developer experience took center stage.

    V0 / AI UI generation – Prompt and go

    Now, we type:
    “Create a pricing section with a testimonial slider and a CTA.”
    And boom — production-ready UI components.

    Are we even coding anymore?

    The Tools We Create Are Rewriting the Rules

    There’s nothing wrong with abstraction — quite the opposite. Abstractions allow us to move faster, reduce bugs, and focus on outcomes. But each new layer also comes with:

    • More dependencies
    • More magic (and less understanding)
    • New mental models to learn
    • New edge cases to debug

    And while we remove old pain points, we invent new ones.

    So, again:
    Are we really coding to avoid coding?
    Or are we just changing the shape of the code?

    What I’ve Learned Along the Way

    1. Not everything needs to be automated.
    2. Sometimes writing the same thing twice is easier than building a reusable monster.
    3. Simplicity scales better than complexity disguised as automation.
    4. The best dev experience is not always the latest one.
    5. Sometimes, plain HTML + a sprinkle of JS beats an overengineered stack.
    6. Coding is not just about output.
    7. It’s a way of thinking, of shaping ideas into logic. Whether we do that in VS Code or with a prompt — we’re still creators.

    Final Thought

    “We’re not trying to avoid coding.
    We’re trying to get closer to 
    what matters — solving problems.”

    So if a tool helps you get there faster, great.
    But never forget why you started coding in the first place.
    Let’s not just code to avoid coding.
    Let’s code to create with intention.

    What about you?

    Are you excited by how fast things are moving?
    Or do you sometimes miss the simplicity of the “View Source” era?

    I’d love to hear your take.

  • FamilyAssets.com – 2023

    FamilyAssets.com – 2023

    Project Overview:

    Revamp and optimization of FamilyAssets.com, a leading online resource helping families connect with care providers and navigate elder care options. The primary objective was to enhance user experience, improve accessibility, and streamline the information architecture to support the site’s vast amount of data.

    Key Features:

    Redesigned User Interface: Simplified navigation and modernized design to improve readability and engagement.

    Advanced Search and Filtering: Implemented a robust search system to help users quickly find care providers and resources tailored to their needs.

    Performance Optimization: Reduced page load times and improved site performance for a seamless browsing experience.

    Content Management: Integrated WordPress CMS with WPGraphQL to streamline the management of extensive resources and provider profiles.

    Technologies Used:

    Front-end: React, Tailwind CSS

    Back-end: Node.js, WordPress CMS with custom integrations

    Additional Tools: Google Maps API for location-based search

  • GoodRx – Health / Video – 2019 – 2022

    GoodRx – Health / Video – 2019 – 2022

    Project Overview:

    Development and deployment of GoodRx Health Video, a platform for publishing informative healthcare videos. The focus was on creating a lightweight, user-friendly interface that aligned with the GoodRx brand and provided viewers with easy access to valuable health insights.

    Key Features:

    Custom Video Player integration: Built a responsive video player(JW Player) with interactive controls for an optimized viewing experience.

    Content Categorization: Developed a tagging and categorization system to help users find relevant content quickly.

    SEO Optimization: Ensured that video pages followed best practices for search engine visibility.

    Analytics Integration: Implemented tracking to measure viewer engagement and content performance.

    Technologies Used:

    Front-end: Next.js, Tailwind CSS

    Video Hosting: AWS MediaConvert

    Additional Tools: Google Analytics for video performance tracking

  • Healthination – 2019 -2022

    Healthination – 2019 -2022

    Project Overview:

    Ongoing development and maintenance of HealthiNation, a platform delivering high-quality health and wellness videos. Collaborated with cross-functional teams to enhance platform scalability and ensure content availability for millions of users.

    Key Features:

    Video Streaming Optimization: Upgraded the video delivery system to improve playback performance and reduce buffering.

    CMS Integration: Leveraged WordPress for managing video content, with custom APIs for seamless integration.

    Mobile-First Design: Ensured all features were fully optimized for mobile devices.

    Technologies Used:

    Front-end: Custom WP theme, CSS

    Back-end: WordPress, PHP

    Video Hosting: JW Player

    Additional Tools: Google Ads integration for revenue generation

  • Epic Elevator – 2019

    Epic Elevator – 2019

    Project Overview:

    Developed the official website for Epic Elevator, a leading provider of innovative elevator solutions. The project aimed to create a professional and informative site showcasing the company’s services and products.

    Key Features:

    Product Showcase: Designed an interactive catalog to highlight various elevator models and their features.

    Lead Generation Forms: Integrated custom contact and inquiry forms to capture leads efficiently.

    SEO Optimization: Enhanced the site structure and metadata to improve search engine visibility.

    Responsive Design: Ensured a polished and functional user experience across all devices.

    Technologies Used:

    Front-end: HTML5, CSS3, JavaScript, Custom WP Theme

    Back-end: PHP, WordPress CMS

    Additional Tools: Elementor for dynamic page building

  • THE RIVER CAFE – 2018

    THE RIVER CAFE – 2018

    The River Café Website Redesign (2018)

    This project involved the complete redesign and redevelopment of the website for The River Café, an iconic restaurant known for its waterfront dining experience. The goal was to create a visually stunning and highly functional website that captured the restaurant’s elegance and provided an excellent user experience for visitors.

    Key Features:

    Responsive Design: Optimized for all devices, ensuring a seamless experience on desktops, tablets, and smartphones.

    Interactive Menu: A beautifully designed menu section with high-quality images and detailed descriptions of dishes.

    Reservation System Integration: Enabled users to easily book tables through an intuitive online reservation system.

    Dynamic Content Management: Built on WordPress to allow the client to easily update content, such as seasonal menus and special events.

    SEO Optimization: Implemented best practices to improve the website’s visibility on search engines.

    Technologies Used:

    Front-end: HTML5, CSS3, JavaScript, jQuery

    Back-end: PHP with WordPress CMS

    Additional Tools: WPGraphQL for advanced content querying and integration.

    Outcome:

    The new website successfully enhanced The River Café’s online presence, driving increased reservations and providing visitors with an engaging preview of the dining experience. The design has stood the test of time, reflecting the café’s elegance and charm.

    https://rivercafe.com/