Payload CMS
Private

About this project
Role: Fullstack
Built For: Personal
This is the backend content management system that powers my portfolio website. Instead of hardcoding my projects, certifications, and work experience, I manage everything through an admin panel and serve it via API to my frontend.
What it does:
- Lets me create, edit, and reorder Projects, Certifications, and Experience entries without touching code
- Stores project images and media files in Cloudinary instead of the server
- Provides a live Markdown editor for writing longer project descriptions with formatting
- Exposes a REST/GraphQL API that my portfolio frontend consumes
- Uses MongoDB to store all the content
Problem it solves: Before this, updating my portfolio meant editing code and redeploying every time I added a new project or certification. Now I just log into the admin panel, fill in a form, and the changes show up on my site right away.
Notable features:
- Custom Markdown field component with live preview, built on top of Payload's field system
- Orderable collections, so I can drag and reorder how projects or experience appear on the site
- Cloudinary integration for automatic image optimization and hosting
- Project status field (Active, Developing, Coming Soon, Private, Archived) to track project state
Tech Stack
Payload CMS
Next.js
MongoDB
TypeScript
Cloudinary