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