Portfolio Website Template

• Repository: https://github.com/songzhiyuan98/personal-website-template
• Demo site (if in sync with the template): www.zhiyuansong.dev (subject to repo / Vercel settings)

• Dual templates: job seeker (experience + projects) vs researcher (research + teaching)
• Guided onboarding: interactive notes and docs to lower first-time setup cost
• About: configurable background and goals
• Skills grid: SVG icons + labels
• Education timeline: degrees or notable coursework
• Gallery block: photos and highlights
• Highly customizable: reorder sections, nav, theme colors
• Deploy: Vercel flow and CLI notes

• Next.js, React, TypeScript, Tailwind CSS
• Hosting: Vercel

• 100+ template downloads (self-reported, not a hard GitHub API count)
• ~95% deploy success (self-reported)
• ~4.9 / 5 satisfaction (self-reported)

GitHub shows ~10 stars and ~7 forks (changes over time—see the repo page).

git clone https://github.com/songzhiyuan98/personal-website-template.git
cd personal-website-template
npm install

1. Open primary pages under app (e.g. page.tsx, follow the repo) to skim structure
2. Pick job seeker vs researcher direction; adjust section ids, titles, and copy
3. Fill in profile, skills, and project / paper highlights
4. Local preview: npm run dev → http://localhost:3000
5. Production: install Vercel CLI then vercel, or connect the GitHub repo in the Vercel dashboard

Pull requests and issues are welcome; suggestions can also live in repo discussions.

License: MIT.