</>
Resume

Overview

  • Supports 7 languages: English, Dutch, French, Arabic, Japanese, Korean, and Chinese.
  • Directus, Redis, Bunny CDN, Brevo, and deployed on Google Cloud VM
  • Authentication supports plus Google login
  • Product page offers advanced filtering, sorting, and pagination
  • Admin dashboard built on Directus with robust RBAC and PBAC roles and policies.
  • Images are hosted on Cloudflare R2
  • Images are delivered via Bunny CDN for faster global performance.
  • Structured Localization: Localized content is managed across all collections using Directus’ native i18n capabilities for consistent multilingual support.
  • Media Translation Support: Media assets are linked to their respective translations, ensuring language-specific content delivery across all platforms.
  • Relational Data Modeling: Clean and scalable architecture designed using Directus’ relational capabilities — including many-to-many, one-to-many, and many-to-one relationships — enabling normalized, future-proof data structures.

Project Details

Headless CMS & Content Management

  • Powered by Directus, enabling SQL-first headless content management with full access to underlying schema.
  • Custom roles and permissions implemented using Directus RBAC and PBAC for granular access control.
  • Structured localization support through Directus i18n fields across all major content collections.
  • Media translation support allows language-specific image and video associations within the CMS.
  • Singleton collections are used for managing static content such as Contact Us, About, Terms, and Privacy Policy pages.
  • These singleton contents are cached for performance but are also instantly updatable — changes in Directus are reflected in real time on the frontend.
  • Collections are visually enhanced in the Directus admin panel using custom colors and icons for faster identification and better UX.

Backend Architecture & Data Modeling

  • Relational data architecture built using Directus-native one-to-many, many-to-one, and many-to-many relationships.
  • Normalized schema design ensures scalable, maintainable backend logic with clean data separation.
  • Custom Directus flows automate processes such as sending notifications, syncing content, and external API interactions.
  • Directus webhooks enable real-time backend integrations with third-party services.
  • Custom extensions and hooks add server-side logic for events like user creation and content moderation.

Infrastructure & Performance

  • Deployment managed via Docker on a dedicated Google Cloud VM for full infrastructure control.
  • Redis used for caching and rate-limiting actions such as password reset requests.
  • Brevo integrated for email workflows like verification and recovery emails.
  • Media assets stored in Cloudflare R2 and delivered globally via Bunny CDN.

Tech Stack

Directus
GCP
Docker
Cloudflare
Bunny CDN
Redis
TypeScript