Sethy Rung
2025

The Angkor Times

Explore Now

The Angkor Times is a modern, dynamic news website built with a focus on content management flexibility and ease of use. Powered by **Nuxt.js** on the frontend and **Directus** as the headless CMS, the platform enables writers, editors, and admins to collaboratively create, manage, and publish news content with full control over layout and structure.

📰 The Angkor Times

🧰 Tech Stack

  • Frontend: Nuxt.js (Vue 3)
  • CMS: Directus (Headless CMS)
  • Styling: Tailwind CSS
  • Routing & SSR: Nuxt file-based routing, server-side rendering
  • Data Fetching: Directus GraphQL/REST APIs
  • Deployment: Hosted on Vercel

✨ Key Features

🔍 User-Facing

  • Homepage with Featured News: Highlights top and trending articles.
  • Dynamic Navigation: Categories and pages are managed directly from Directus.
  • News Detail Page: Full articles with author info, date, and cover images.
  • Responsive Design: Fully optimized for mobile and desktop views.
  • Search Functionality: Keyword search for articles (planned or implemented).

🛠 Admin & Author Features (via Directus)

  • Article Management: Authors can create, edit, and submit articles for approval.
  • User Roles & Permissions: Role-based access (e.g., admin, editor, author).
  • Image & Media Upload: Upload images through Directus with asset management.
  • Banner and Ads: Manage homepage banners or sponsored content via CMS.

👨‍💻 My Responsibilities

  • Developed the entire frontend with Nuxt.js and Tailwind CSS.
  • Connected frontend with Directus CMS via REST/GraphQL APIs.
  • Implemented layout and content fetching dynamically from Directus schema.
  • Designed a flexible structure for rendering news content from CMS data.
  • Set up dynamic routing and SEO-friendly URLs for individual articles.
  • Integrated category-based filtering and navigation powered by CMS data.

🧠 What I Learned

  • Gained deep experience with CMS-driven development using Directus.
  • Learned how to design scalable Nuxt components for dynamic content.
  • Worked with SSR and optimized content for SEO and performance.
  • Managed roles and access control inside a headless CMS.
  • Practiced working in a decoupled architecture: separating content and code.

🚀 Future Enhancements

  • Add commenting and user engagement features (e.g., likes, shares)
  • Build notification system for breaking news
  • Integrate analytics dashboard (e.g., views per article)
  • Implement multilingual support (Khmer/English)
  • Build Progressive Web App (PWA) support
  • Page Builder: Custom pages (e.g., About, Contact) managed via Directus collections.

👩‍💻 Happy Coding! 🎉