Why I built umsungjun.com, and what each page is for

I opened umsungjun.com, a personal site that brings my blog, portfolio and music channel under one address.

Here is a short note on how I came to build it and what I put on each page.

Why did I build it?

I recently started SUNGJUNN, a YouTube channel where I post EDM. To bring in more listeners, I planned to make a landing page for the channel.

I decided to buy a domain for it instead of using a default Vercel address. But once I thought about actually buying a domain, using it for just one page felt like a waste.

My portfolio sites were each deployed separately on Vercel, my blog was on Tistory (a Korean blogging platform), and my music was on YouTube, all scattered in different places.

So while I was at it, I wondered how it would be to put everything under one address, and ended up building the site myself.

The pages

Home

The front page has my profile on the left and the latest from each section on the right.

You can see the newest blog posts, projects I picked out, my two npm libraries and recent channel videos, all on one screen.

Blog

Out of 403 posts I had written on Tistory, I moved over the remaining 158, leaving out 245 coding test solutions.

I sorted them into four categories: Work, Tech notes, Projects and Learning.

I drew the thumbnails in code so they look hand-drawn.

I also added ⌘K search and comments through GitHub Discussions, and all 158 moved posts have English versions.

Projects

The page is split into tabs: 2 work projects (Autowini and WiniLogis), 8 personal projects and 2 open source libraries.

Personal projects are listed by year, newest first, with a note on whether each one is still running or no longer maintained.

Each detail page covers what the project is, its features and its stack. If I fixed something after a user reached out, that record is there too.

Channels

This page introduces two Shorts channels (3-Second Dev Interview and 3-Second Money Basics) and the music channel SUNGJUNN.

I run all three alone, and for the Shorts I split the work, from topic research to video rendering, between AI agents and code.

Each channel has a cumulative view chart for YouTube and Instagram, along with its recent videos. View counts update on their own once a day.

Music

Unlike the other sections, the SUNGJUNN music page is dark and built on a night sky star chart, and the planet on its first screen moves in 3D.

Inside, there are pages for albums, songs and a free use guide. If you credit SUNGJUNN and link the original video, you can use the music for free, even in monetized videos.

About

Last is About, a resume page that puts my career, open source contributions, skills and contact details in one place.

Decisions along the way

I kept the site black and white and used color only where it was needed, such as the music section, thumbnails and status dots.

Korean is the default language, and the English version lives under /en. The music section also has Japanese, Portuguese and Spanish versions, matching the languages I localize YouTube descriptions into.

I built it as a static site with Next.js 16 and deployed it on Cloudflare. It rebuilds once every early morning to pick up new songs and view counts.

Before launch, I checked 22 representative pages with Lighthouse on mobile. Sixteen of them scored 100 for performance, and all of them scored 100 for accessibility and SEO.

Looking back

It started as a single landing page for my music channel. Gathering everything that was scattered made the job bigger than I expected, and I ended up moving 158 blog posts.

I plan to put new posts and new songs up at this address from now on.