The Stack That Replaced Everything
Over the past fifteen years, I've built client platforms on WordPress, Drupal, custom PHP, React SPAs, static site generators, and more proprietary CMS platforms than I can count. Every one of them eventually hit the same wall: either the client couldn't manage their own content without calling us, or the development experience was so constrained that building anything custom felt like fighting the framework.
Three years ago, we made a deliberate decision to standardize on a stack that solves both problems simultaneously. Every new project at Hue is now built on three pillars: Directus for content management, Nuxt for the frontend framework, and GSAP for motion design.
Directus: The CMS That Gets Out of the Way
Most CMS platforms force you to choose between developer flexibility and editor experience. WordPress gives editors a familiar interface but chains developers to PHP templates and plugin ecosystems that age badly. Headless alternatives like Contentful give developers API freedom but create content modeling experiences that feel like database administration.
Directus occupies a different space entirely. It's an open-source data platform that wraps any SQL database with an instant REST and GraphQL API, plus a polished admin interface that non-technical editors genuinely enjoy using.
What this means in practice:
- We design the data model to match the client's actual business — not the CMS's opinion of what content should look like
- Editors get a custom admin with only the fields, relationships, and workflows they need
- We own the data — it lives in a standard PostgreSQL database, not a proprietary cloud
- The API is automatic — any collection we create is instantly available via REST with full filtering, sorting, and relational expansion
For a firm like ours that builds CRM dashboards, data portals, and marketing sites on the same platform, Directus is the only tool that scales across all of those use cases without requiring a different mental model for each one.
Nuxt: Server-Side Rendering Done Right
Vue.js is already the most approachable frontend framework for building component-driven interfaces. Nuxt extends it with everything a production application needs: server-side rendering, automatic code splitting, file-based routing, SEO management, and a module ecosystem that handles image optimization, analytics, and sitemaps without reinventing the wheel.
The key advantage for our clients is performance and SEO. Every page is server-rendered on first load — which means Google sees fully-formed HTML, not a loading spinner. Subsequent navigation is instant because Nuxt hydrates into a single-page application after the initial render. You get the SEO benefits of a traditional website with the interactivity of a modern web app.
Nuxt 4's compatibility layer and TypeScript-first approach have also dramatically improved our development velocity. Full-stack type safety from the database schema through the API layer to the component template means fewer bugs, faster iterations, and more confidence in refactoring.
GSAP: Motion as a Design Language
Animation isn't decoration. When done well, motion communicates hierarchy, guides attention, and creates emotional resonance that static layouts cannot achieve. GSAP (GreenSock Animation Platform) is the industry standard for a reason — it's the most performant, most reliable, and most flexible animation engine available on the web.
We use GSAP for:
- Hero entrances that establish the brand's personality in the first 800 milliseconds
- Scroll-driven reveals that create editorial pacing as content unfolds
- Micro-interactions on hover, focus, and click that make interfaces feel alive
- Page transitions that maintain spatial continuity between routes
The difference between a site that uses GSAP well and one that relies on CSS transitions alone is the difference between a luxury experience and a functional one. Our clients are in the business of premium positioning — the motion layer has to match.
How They Work Together
The real power of this stack isn't any single tool — it's how they compose.
Directus serves structured content via its REST API. Nuxt fetches that content at build time or request time, renders it with Vue components, and delivers server-rendered HTML with full SEO metadata. GSAP orchestrates the entrance and interaction animations that give each page its editorial feel.
The result is a site that:
- Loads in under 2 seconds on any connection
- Scores 90+ on Core Web Vitals
- Gives editors full control over content without touching code
- Feels premium and intentional at every interaction point
And because every layer is open-source, there's no vendor lock-in, no per-seat licensing, and no ceiling on what we can build.
The Bet That Paid Off
Standardizing on one stack was a risk. It meant saying no to WordPress projects, turning down Shopify builds, and occasionally having to convince a client that the technology they'd heard of wasn't the technology they needed.
Three years in, the bet has paid off decisively. Our development velocity is 2-3x what it was. Our maintenance burden is a fraction. And the platforms we're delivering — from interactive data portals to AI-powered CRM dashboards — are genuinely more capable than anything we could have built on a generalist stack.
The tools don't make the work. But the right tools let the work be what it should be.