Career 2 min read 42 views

How I Built My Portfolio Website from Scratch

A behind-the-scenes look at how I created my personal portfolio and blog, from planning to deployment.

D
Diki Akbar Asyidiq
Oct 25, 2025
Share:
How I Built My Portfolio Website from Scratch

How I Built My Portfolio Website from Scratch

How I Built My Portfolio Website from Scratch

For years, I wanted my own website — something that represents who I am, what I build, and what I believe in.
But I kept postponing it. I told myself, “I’ll do it when I’m better.”

Spoiler: that day never comes unless you start.

So I decided to build my portfolio from scratch, no excuses.
And today, dikiakbarasyidiq.dev is not just a site — it’s a reflection of my journey.


Step 1: Define the Purpose

Before writing any code, I asked myself:

“What do I want people to feel when they visit my site?”

My answer was simple: authenticity and inspiration.
I wanted it to show my projects, but also tell my story.


Step 2: Build the Foundation

I started with:

  • Frontend: Blade & TailwindCSS for performance and SEO
  • Backend (optional): Laravel API for future integration
  • Design: Minimal, dark theme, cyberpunk theme with clean typography

I focused on structure over style — it’s better to have a working site than a perfect mockup.


Step 3: Add the Blog

The blog became the heart of my personal brand.
Here, I can share lessons, document progress, and help others who are walking a similar path.

It’s not just content — it’s connection.


Step 4: Deploy and Iterate

I hosted it using Vercel, connected a custom domain, and pushed updates directly from GitHub.
Every change I make now goes live in seconds.

The best part? I can grow it over time, one post and one project at a time.


What I Learned

  • You don’t need everything perfect to start.
  • A simple, honest website beats a flashy one with no purpose.
  • Building your personal brand is not a one-time project — it’s a continuous process.

Start today. Even if it’s just your name on a single page — it’s still a start.

D

About Diki Akbar Asyidiq

Software Engineer

Comments (0)

Leave a Comment

Comments are moderated and will appear after approval.

No Comments Yet

Be the first to share your thoughts!