Beri Media Portfolio.

I wanted a place to showcase and collect all my passions. Then I mixed it up with some CV like components and out came this portfolio page. In the future I want to share blog articles and link the corresponding TikToks. If nobody cares, I at least learned new technologies again with this project.

Tech Stack:
Icon Next.jsNext.js
icon payloadcmsPayloadcms
Tailwindcss LogoTailwindcss
MongoDB LogoMongoDB
Hetzner LogoHetzner
Coolify LogoCoolify
Logo of AWS S3 BucketAWS S3
My Role:
Developer
Client:
Personal Project
7/2025 - 8/2025

About

My first webpage with a cms (content management system) in the background. That means that I can edit all texts on this page via an admin console. For that I discovered payloadcms a self-hostable open-source solution for that. I am actually very proud that this project was completly based on self-hostable technology, which means I was paying around 5€ a month for a server at hetzner where I am running coolify, mongoDB, payload and my nextjs code instead of paying expensive monthly fees to SaaS companies. Until nobody visited my page and I saved the 5€ to use the free tier of vercel & atlas.

Challenges

Setting up everything from the server via coolify to manage my services running to creating a mongoDB database and mixing payload with next.js was the biggest challenge. Keeping all of this up to date and secure is the even bigger challenge, which is why I now moved to the free plans of vercel to host my page and atlas to host my mongoDB.

Results

I now have a platform to present myself. On my own blog I can practise storytelling and every upcoming project will have its place. I can showcase my images and everything at a very low cost. So there is now pressure to create revenue with this page anytime soon.

Share this project:

FacebookXLinkedInWhatsApp