# What is this?

This is a nextjs project, where I learn nextjs by building my website using it!

## Why a personal website?

1. Last version, yuanhau-v4.1 made me swtich from Vue to NuxtJS, which is a really cool lang, and this one, is my first try (prod project) on nextjs (yes, when I bought yuanhau.com it is running a blog template using nextjs).
2. A personal website is where I have some weird stuff I want to try out + stuff I like while NOT building my website like TailwindCSS & lucide icons! Those are awesome!

# yuanhau.com (rev v5)

![](https://hackatime-badge.hackclub.com/U087ATD163V/yuanhau-v5-maybe)

This is the fifth version of yuanhau.com (or yuanh.xyz), which is built fully with a langauge I have not used in any prod projects due to a lack of Tailwind experince.

Prod: https://v5.yuanhau.com

## Stack:

- Postgres
- Vercel
- NextJS
- TailwindCSS
- Shadcn/UI
- Clerk
- Neon DB (for now)
- Zeabur (For the testing db)

## Prev versions:

V1: https://3002.hwtw.cc

V2: https://v2.yuanh.xyz

V3: https://yuanh.xyz

V4 (beta): https://v4.yuanhau.com (I think its dead?)

V4 (rev 1): https://4-1-2.yuanhau.com

V4 (rev 2): https://yuanhau.com