Skip to content

HugoBlox/hugo-theme-developer-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

47 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Screenshot

hb_portfolio.mp4

Ship Your Portfolio Before The Weekend

Your projects deserve better than a GitHub pinned repo.
Showcase real work, ship a clean blog, and stand out with a modern dark-first design โ€” all from Markdown files you own. No fragile React app required.
Built on HugoBlox โ€” the open-source framework where AI generates your pages and you own everything as Markdown.

Deploy Free (60s) ย ย |ย ย  Customize with AI ย ย |ย ย  Live Demo

Part of the HugoBlox ecosystem ยท 150,000+ sites ยท Rated 4.9/5 (official survey) ยท Since 2016


Why This Template?

Most developer portfolios look the same โ€” and most "quick" site builders produce slow, bloated React apps you can't maintain. This is a fast, modern portfolio that makes your work look as good as it is:

  • Students & grads applying to internships, MSc programs, or junior roles โ€” stand out with a living portfolio, not a flat resume
  • Software engineers who want a modern dark-first design that feels premium without writing frontend code
  • STEM professionals (data, ML, research, engineering) showcasing projects and technical writing
  • Anyone job-hunting who needs projects, tech stack, experience timeline, and a blog in one credible site

"I deployed this on a Friday evening and had three recruiters comment on it by Monday. The dark mode and project grid made my work look 10x more polished than a GitHub profile." โ€” Kai Nakamura, Software Engineer

"My students use this as their default portfolio template. They fork it, edit Markdown, push to GitHub Pages โ€” done. No React, no Vercel bills, no maintenance headaches." โ€” Dr. Amira Hassan, CS Lecturer, TU Munich

Deploy this template


Features

Feature Benefit
Filterable project grid Showcase your work with tags, smooth transitions, and featured images. Visitors find what matters fast.
Tech stack display Icon grid of your tools and languages โ€” recruiters see your skills at a glance.
Experience & education timeline Structured career history with dates, roles, and descriptions.
Blog with featured images Write technical posts in Markdown. Code highlighting, math, and diagrams included.
Dark-first design Looks premium in dark mode, works perfectly in light. No design skills needed.
SEO & AI-ready Optimized for search engines and LLMs โ€” your work gets found and recommended.
AI page generation Describe what you need to Hugo Chat โ€” get structured pages with correct front matter instantly.
Visual editor Drag-and-drop blocks in VS Code with Ownable CMS. No coding needed.
Plain Markdown Every file is human-readable. No database, no lock-in, take your content anywhere.
Free hosting Deploy to GitHub Pages, Netlify, Vercel, or Cloudflare โ€” all free tier.

๐Ÿš€ Get Started

Step 1: Deploy Your Site

Option A: Launch in browser (fastest โ€” no install needed)

Tip

Deploy a live site in 60 seconds โ€” no software to install: Deploy Dev Portfolio free

Option B: Use the CLI

# Requires Hugo Extended & Node.js
npx hugoblox create site --template dev-portfolio

Step 2: Customize With AI + Visual Editing

โœจ Hugo Chat โ€” AI customization

Tell Hugo Chat what you want in plain English. It generates structured pages with the right front matter, shortcodes, and blocks for this template.

"Add a project page for my CLI tool with tech stack, screenshots, and a GitHub link"

Try Hugo Chat โ€” free

Ownable CMS โ€” visual editing in VS Code

  1. Install Ownable CMS
  2. Open your project in VS Code
  3. Click the Ownable icon to start editing visually

Ownable CMS in Action Ownable CMS: Drag-and-drop page builder inside VS Code.

Note

New to Hugo? No problem. You don't need to know Hugo โ€” edit visually or write Markdown. Hugo is the engine under the hood that makes your site fast, secure, and free to host. Learn more โ†’


๐Ÿ’Ž Go Premium

Love the free version? Dev Portfolio Pro takes it further:

  • Premium designs that make an unforgettable first impression
  • Advanced project layouts and gallery options
  • Enhanced timeline and skill visualizations
  • Remove attribution, priority support
Dev Portfolio (Free) Dev Portfolio Pro
Design Modern & clean Premium designs
Project layouts Standard grid Advanced gallery
Skill display Icon grid Enhanced visuals
Support Community Priority

Compare plans ย ย |ย ย  Deploy Pro version


๐Ÿ† Why HugoBlox?

Why not just use WordPress, Webflow, or an AI builder like Lovable?

AI builders (Lovable, v0) CMS platforms (WordPress, Webflow) HugoBlox
AI generates your pages Yes No Yes
You own the output as readable files No โ€” React code No โ€” database Yes โ€” Markdown
Free to host forever No No Yes
Human-editable without the tool Barely No Yes โ€” it's Markdown
Open source No No Yes โ€” MIT licensed

Important

Your content is plain Markdown files. No lock-in, no database, no vendor dependency. If you ever want to leave, take your files and go.


FAQ

Do I need to know Hugo? No. Edit visually with Ownable CMS or write Markdown. Hugo is the build engine โ€” you don't need to touch it.
Can I use this for non-dev portfolios? Yes. The project grid, blog, and timeline work for any profession. But the dark-first design and tech stack section are built with developers in mind.
Can I host for free? Yes. GitHub Pages, Netlify, Vercel, and Cloudflare Pages all have free tiers for static sites.
Can I migrate my content later? Yes. Your site is just Markdown files in a folder. Copy them anywhere.
What's Hugo Chat? An AI assistant trained on Hugo and HugoBlox docs. Describe what you want and it generates the right pages with correct front matter. Free to try.
Can I cancel Pro anytime? Yes. No questions asked.

๐Ÿš€ Ready to launch?

Deploy in 60 seconds. Customize with AI. Own it as Markdown forever.

Deploy Dev Portfolio โ€” free ย ย |ย ย  Customize with AI


Community & Support

Sponsors

โค๏ธ Sponsor on GitHub | ๐Ÿข Become a Partner


MIT ยฉ 2016-present Lore Labs

About

๐Ÿ’ผ Dev portfolio that gets you hired. AI generates pages, you own as Markdown. Project grid, tech stack, blog, dark-first design โ€” no React app to maintain. Free forever. ๅผ€ๅ‘่€…ไฝœๅ“้›†๏ผŒAI ็”Ÿๆˆ๏ผŒๅ…่ดนๆ‰˜็ฎก ๐Ÿ‘‡

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

  •  

Contributors