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