Built for uni students, STEM grads, and software engineers.
Showcase real projects, ship a clean blog, and stand out with a modern dark-first design — without a fragile “black box” React app.
🚀 Deploy in 60s (Free) • Live Demo • HugoBlox Studio (Visual Editor)
▶︎ Watch 12s Preview
hb_portfolio.mp4
Most portfolios look the same — and most “quick” site builders produce slow sites you can’t maintain.
- ⚡ Fast by default: Hugo + Tailwind 4 + Hugo Modules → great Lighthouse scores without JS bloat.
- 🧠 AI-ready content: Your projects and posts live in clean Markdown/YAML — readable by humans and LLMs.
- 🎯 Job-hunting optimized: Projects, tech stack, experience timeline, and a blog layout that looks credible.
- 🌙 Dark-first (but light-mode supported): Looks premium in dark mode, still works perfectly in light mode.
- 🧩 Block-based: Reorder/replace sections without rewriting templates.
- Students & grads applying to internships / MSc / PhD / junior roles
- STEM professionals (research, data, ML, bio, engineering) showcasing projects and writing
- Software engineers building a portfolio that feels modern in 2026
- Developer hero with modern gradients + optional typewriter
- Filterable portfolio (tags + smooth transitions)
- Tech stack grid with icons
- Experience + education timeline
- Blog section (cards + featured images)
- Contact section with social links + copy email
Deploy this template in ~60 seconds:
Install:
npm install -g hugoblox@latestCreate a site:
hugoblox create site --template dev-portfolioRun this audit before deploying your production site. There are several conditions that can produce errors in your published site which are not detected during the build. Run this audit before your final build.
HUGO_MINIFY_TDEWOLFF_HTML_KEEPCOMMENTS=true HUGO_ENABLEMISSINGTRANSLATIONPLACEHOLDERS=true hugo && grep -inorE "<\!-- raw HTML omitted -->|ZgotmplZ|\[i18n\]|\(<nil>\)|(<nil>)|hahahugo" public/
Display debug, information, warning, and error messages.
hugo build --logLevel debug
- Your profile:
data/authors/me.yaml - Homepage sections:
content/_index.md - Projects:
content/projects/<project>/index.md - Blog posts:
content/blog/<post>/index.md - Theme + identity:
config/_default/params.yaml
If you want a version that feels meaningfully more premium (and helps fund open source + research):
- Docs: docs.hugoblox.com →
- Discord: Join Discord →
- Issues: Open an issue →
MIT © 2016–Present George Cushen