These past few days, I gave my homepage a "major surgery"—
Migrating completely from Hugo + GitHub Pages to Next.js + Vercel.
Not only that, I've also open-sourced this template!
Whether you're a researcher, developer, or creator, you can use it directly to build your own personal website 👇
📦 Open Source Repository
- GitHub Project: github.com/zhengzangw/nextjs-portfolio-blog-research
- Live Preview: zangwei.dev
- Detailed Documentation: docs-nextjs-portfolio-blog-research.zangwei.dev
💡 Why Migrate?
The previous Hugo static site was lightweight enough, but always had some limitations in flexibility.
For example, implementing multi-language support, structured SEO, AI auto-editing features, etc., wasn't very convenient.
Next.js allows me to freely expand like building blocks:
- Dynamic content, blog system, internationalization, multi-platform rendering - all included;
- Plus Vercel's deployment experience is excellent, and the free tier is more than sufficient for personal use.
In one sentence:
🚀 More modern, more free, more intelligent.
🧩 Template Highlights Overview
This template builds upon conventional Next.js personal homepage,
optimized and enhanced specifically for research and tech users 👇
✅ One-click deployment + detailed documentation: Easy for beginners to get started
✅ Bilingual English-Chinese system: Automatic switching, complete structure
✅ Modules designed specifically for researchers: News, projects, academic services, experience
✅ AI editing support: Customize without coding knowledge
✅ Latest tech stack: Next.js 15 + Tailwind CSS 4 + shadcn/ui
✅ Deep SEO optimization: Structured data + GA4 + Automatic Sitemap generation
If you want to create a professional and beautiful academic homepage,
or build a branded personal blog, this template is almost "ready to use out of the box".
🧠 Target Audience
👩💻 Developers: Quickly build tech blogs and project homepages
🎓 Researchers: Showcase papers, academic activities, and academic services
🪄 Creators: Build branded personal content centers
🧱 Beginners: Zero-code setup with AI-assisted customization
🧭 Quick Start
1️⃣ Fork the project to your GitHub
2️⃣ Click the Deploy button
3️⃣ One-click deployment, wait a few minutes to go live
For detailed documentation, please refer to 👉 docs-nextjs-portfolio-blog-research.zangwei.dev
🌈 Final Thoughts
I believe that
a personal homepage is not just a place to showcase a resume,
but the core foundation for building digital identity and long-term influence.
I hope this template can help more researchers and creators
easily showcase their work and ideas.
Welcome to Star, Fork, and modify, and feel free to visit my homepage 👉 zangwei.dev
📌 Project Repository
github.com/zhengzangw/nextjs-portfolio-blog-research