Project Case Study

Behind the Scenes: How I Built My Portfolio Website

A deep dive into the design decisions, technology stack, and development process behind creating my personal portfolio website from scratch.

Yodhimas Geffananda
Yodhimas Geffananda
Software Engineer
January 15, 2024
12 min read
1,250 views
Behind the Scenes: How I Built My Portfolio Website

Behind the Scenes: How I Built My Portfolio Website

Building a portfolio website is more than just showcasing your work. In this article, I will take you through my journey of building this portfolio website from concept to deployment.

The Vision

When I started this project, I had a clear vision in mind for a modern and clean design with performance first approach.

Technology Stack

After researching various options, I chose a modern stack that balances performance, developer experience, and scalability.

Frontend Framework

Next.js 14 with App Router was the obvious choice for me.

Styling

Tailwind CSS became my go-to for styling.

Design Process

I spent hours browsing portfolios and taking notes on what works and what doesn't.

Development Journey

The actual development took about 5 weeks, working on it during evenings and weekends.

Results

After deployment, the site consistently scores high on Lighthouse performance tests.

Thanks for reading!

Yodhimas Geffananda

Written by Yodhimas Geffananda

Software Engineer passionate about building web applications and sharing knowledge with the developer community.