Skip to content
Aman Sharma blogs
Go back

Building an Interactive Portfolio with Next.js

The Idea: A Portfolio That Isn’t Boring

I always wanted a portfolio website that felt different—something interactive and fun instead of the usual static pages. I wanted it to reflect my personality and interests.


Version 1: Terminal-Based Portfolio

Being a linux entusiast, I decided to build a terminal-based portfolio that would look cool.

Terminal-Based Portfolio Interface (Version 1)

Challenges:


Version 2: OS-Styled Portfolio

So, here comes the second version, I decided to implement an OS styled portfolio.

OS-Styled Mobile Portfolio Layout (Version 2)

Features:

Problem:


Version 3: Moving to Next.js

So, here comes the next version(pun intended). I chose Next.js for a few key reasons:

Why Next.js?

Next.js V1 Desktop
Initial desktop layout after migrating to Next.js (Version 3)
Next.js V1 Mobile
Initial mobile layout after migrating to Next.js (Version 3)

Responsive Design Challenges

The next big challenge was making the site work seamlessly across devices. Instead of relying purely on complex media queries, I decided to take a more direct approach: I created a dedicated desktop layout for larger screens and an optimized mobile version for smaller ones.

Dedicated Desktop Layout
The refined dedicated desktop layout for larger screens.

Additions:


Design Iterations: Feedback & Improvements

With the core layouts in place, I built the MVP and asked my friends to review it.

Issues Identified:

Fixes:

Next.js V2 Desktop
The refined desktop layout (Version 3.1) after feedback.
Next.js V2 Mobile
The refined mobile layout (Version 3.1) after feedback.

Supporting Both Light & Dark Modes

Dark mode is popular, but you can’t ignore users who prefer light mode. So I implemented both, ensuring a consistent design across both themes.

Seamless transition between light and dark modes.

Launch & Initial Response

Now, it was ready. I started sharing it publicly across platforms, but didn’t get much attention initially.


Breakthrough on Reddit

Then randomly, I shared it on Reddit without any expectations. And it blew up:

Reddit Post Success
Reddit post that reached the top 10 of the month.

💡 The Next Idea: SaaS Product

That’s when I thought why not make a portfolio builder, so others could enter their data, make profiles and decided the Saas name to be showmy.page.


What Next?

This is just the beginning. A detailed blog on ShowMyPage is coming soon.

View the live portfolio at amansharma.cv



Share this post on: