The Central Hub: Bridging Code, Content, and Cloud
The Vision: A Professional Home for Ideas
As I am approaching the end of my journey as a Computer Science study, I realized that I needed an expressive way to showcase my projects. I did not want to do a static resume just for the sake of it, I wanted a dynamic platform that could evolve with me, a space where I can showcase my ever evolving projects, express my ideas, and learn things from the bottom up.
With my repuposed laptop—now proxmox server. I wanted to learn self-hosting, and I had the perfect idea to do that with my portfolio.
The Frontend & CMS: Designing for Performance
The core of this project is a Full-stack Next.js application. I focused on build a seamless user experience where content is king.
- The CMS: I engineered a custom Content Management System that allows me to post updates and manage my projects in real-time without touching the codebase.
- Dynamic Loading: By utilizing Server Components, I ensured that the "heavy lifting" of database queries happens before the page ever reaches the browser, providing the fast, snappy feel required of a modern web portfolio.
Security: Identity and Access Control
Because this portfolio houses my administrative tools and project data, security was a non-negotiable priority
- Github OAuth Integration: I implemented a robust authentication layer using GitHub OAuth. This ensures that while the public can view my work, only I have the "keys" to the CMS to modify content or access traffic analytics.
- Data Integrity: By building my own backend, I gained full control over how project metadata is stored and served, ensuring the site remains a reliable source of truth for my professional identity.
The Infrastructure: The Engine Under the Hood
To bring this application to life, I moved it from my local machine to my personal home lab.
-
Deployment: I containerized the entire stack using Docker, ensuring that the environment is identical whether I’m developing locally or running it on my Proxmox node.
-
Automation: I established a CI/CD pipeline using GitHub Runners, which automates the build and deployment process.
-
Global Access: Through Tailscale Funnel, I’ve made this local project globally accessible, allowing anyone to view my work securely while keeping the underlying infrastructure hidden and protected.
The Result
This portfolio is the ultimate "Proof of Concept" for my specialization in Backend and Infrastructure. It demonstrates that I can not only build a complex, secure web application but also manage the entire lifecycle of that application from development to global deployment.
