Skip to content
ahrulsyamil.com
Ctrl K↑↓
Back to projects

Building a Content-Driven Portfolio with Payload CMS

A production-ready portfolio built around Payload CMS, Next.js, localization, SEO workflows, live preview, and a Docker-based deployment pipeline.

2026live

Ahrul Syamil portfolio website

Overview

This project began with a simple question: what if a personal portfolio were treated less like a static website and more like a lightweight content platform?


I built the portfolio using Payload CMS and Next.js to simplify long-term content management, project publishing, writing, localization, SEO metadata, media organization, and deployment workflows. Rather than hardcoding every section, the site is structured around editable collections and global configurations. It also supports draft previews, bilingual content, project lifecycle states, automated data seeding, analytics, and CI/CD deployment.


The main engineering challenge was finding the right balance between flexibility and consistency. Payload provides a content model that can evolve over time, while the frontend maintains a cohesive visual system through reusable components and type-safe queries.


The result is a portfolio that can grow like an editorial product while preserving the clarity and simplicity expected from a personal website.

Stack

Next.jsPayload CMSPostgreSQLTailwind CSSDocker

Links

Building a Content-Driven Portfolio with Payload CMS