Building a Personal Website2026-03-16

Launched

I think the simplest way to try vibe coding is to build a space of your own.

For this personal site, I set a simple goal: get four pages live first—Home, Projects, Gallery, and Contact—then improve in small steps instead of chasing perfection on day one.

I chose Next.js App Router + TypeScript + Tailwind. I started with information architecture and navigation, then centralized bilingual copy, ideas, and articles in `site-content.ts`, which made content updates much easier to maintain.

During development, my rhythm was straightforward: think through one chunk, implement one chunk. Once local checks looked good, I used `git commit` + `git push` and let Vercel deploy automatically. I also mapped both `xuyunzhe.site` and `www`, so the site became reachable after DNS propagation.

Looking back, the biggest gain wasn’t technical complexity—it was completing the full loop from idea to launch. My current cadence is: ship fast, iterate steadily, and document along the way so the site grows together with my work.

Preview

Live Link

https://xuyunzhe.site

Comments

Loading

Post a comment

Comment is required; nickname is optional. A random nickname is used if you leave it blank. After approval, comments appear in the list above.

Comments powered by Cusdis

Back to Projects