Uses Hugo and the Toha theme to generate a static portfolio site
HugoReactPortfolio
portfolio-web — Hugo Portfolio Template
By ZAYNINFINITY
A personal portfolio site built with Hugo and the Toha theme, with content driven by YAML files under data/en/sections and deployed on Netlify.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-01View source
What stands out
A quick read of the recorded project description.
Sections such as About, Skills, Experience, Projects, and Education cover personal resume presentation
Content is concentrated in files such as about.yaml, skills.yaml, projects.yaml, and experiences.yaml under data/en/sections
Skills is a filterable grid, and each skill can be associated with project context
After pushing YAML changes, Netlify automatically rebuilds
The repository uses the MIT license, allowing use, modification, commercial use, and distribution of that version of the code
Template Details
This is a personal portfolio website template built with the Hugo static site generator and the Toha theme. The author is positioned as a MERN stack developer and a computer science student at PAF-IAST. All site content is placed in data/en/sections/*.yaml; after modifying the YAML and pushing, Netlify automatically rebuilds, with no code changes required.
The pages include sections such as About (personal introduction, social links, skill badges), Skills (a filterable skill grid, with each skill accompanied by project context), Experience (work experience and education experience), Projects (project cards with online links, repository addresses, and descriptions), and Education (courses and extracurricular activities). The README gives the local run method as cloning the repository and then executing hugo mod install and hugo server; the site runs by default at localhost:1313.
The repository is released under the MIT license, and the free scope is limited to that version of the code; third-party assets such as demo images, fonts, and icons, as well as external services such as domains and hosting, require separate verification of their respective licenses and fees. The materials do not state the theme version, specific dependency versions, or performance.
HugoReactPortfolio
Is it right for your project?
Use Cases
- Individual developers organizing and showcasing project work and skill stacks
- Students or job seekers centrally presenting education experience, work experience, courses, and extracurricular activities
- Static sites that maintain content in YAML and do not want to frequently modify template code
- Personal homepages deployed to static hosting platforms such as Netlify with automatic rebuilds
Suitable For
- Developers who need a static portfolio site and are familiar with Hugo
- Users who want to update personal resume content using YAML files
- Individual project authors planning to host the site on Netlify
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, run hugo mod install and then hugo server in sequence; the site runs by default at localhost:1313
- 2
Content updates only require editing data/en/sections/*.yaml and pushing; Netlify will automatically rebuild
- 3
The MIT license covers only that version of the code; when distributing, the copyright notice and the complete license notice must be retained
- 4
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
- 5
External services such as domains and hosting may incur additional fees
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope is that version of the code and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of that version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The site depends on the third-party Toha theme (introduced through Hugo Go modules); that theme's code and assets are subject to its own license and must be checked separately, and are not within the scope of this repository's MIT authorization.
- Deployment depends on the external hosting service Netlify, which may require account registration and may incur fees; this is an external service requirement rather than a code license restriction.
- The content update method is limited to editing YAML files under data/en/sections; the site structure and sections are driven by the conventions of that directory.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may charge separately.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
built with [Hugo](https://gohugo.io/) and the [Toha](https://github.com/hugo-toha/toha) theme
Original README
deployed on Netlify
Original README
https://github.com/ZAYNINFINITY/portfolio-web/blob/main/LICENSEhttps://github.com/ZAYNINFINITY/portfolio-web/blob/main/README.mdAll content lives in `data/en/sections/*.yaml`. No code changes needed
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- Hugo · React
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-09-16
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Hugo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 7908cfe2cc08ec8ceab227b53b920585c2c6cbce1581690ab6e1bc306fe9a81b
2026-10-01T01:18:23.249Z
Source file / repository# portfolio-web My personal portfolio — built with [Hugo](https://gohugo.io/) and the [Toha](https://github.com/hugo-toha/toha) theme. **Live site:** [zayninfinity.github.io](https://zayninfinity.github.io/) ### Stack Hugo + Go modules, Tailwind CSS, deployed on Netlify. ### Sections - **About** — bio, social links, skill badges - **Skills** — filterable grid with project context per skill - **Experience** — work history + education - **Projects** — cards with live links, repos, and descriptions - **Education** — coursework and extracurriculars ### Updating content All content lives in `data/en/sections/*.yaml`. No code changes needed — edit the YAML, push, Netlify rebuilds automatically. | File | Controls | |------|----------| | `about.yaml` | Bio, social links, resume | | `skills.yaml` | Tech stack grid | | `projects.yaml` | Project cards | | `experiences.yaml` | Work + education history | ### Running locally ```bash git clone https://github.com/ZAYNINFINITY/portfolio-web.git cd portfolio-web hugo mod install hugo server ``` Site runs at `localhost:1313`. ### License MIT
Explore similar templates
Compare previews and descriptions within the same stack and category.
hugo-PaperMod
A fast, clean, responsive Hugo theme for blogs and lightweight portfolios, with three layout modes (Regular, Home-Info, Profile), automatic and manual light/dark themes, Fuse.js client-side search, multilingual support, and built-in Open Graph, Twitter Cards, and Schema.org data.
Hugo · Portfolio
Congo
Congo is a minimal Hugo content theme built on Tailwind CSS 3.0, designed for blogs, portfolios, and lightweight content sites. It offers multiple homepage layouts, customizable dark mode, multilingual support including RTL, and built-in client-side search, Mermaid, Chart.js, and KaTeX.
Hugo · Blog
toha
Toha is a Hugo theme for personal portfolios, featuring a minimalist, responsive design with configurable homepage sections such as about, experience timeline, and achievements gallery.
Hugo · Portfolio
hugo-profile
hugo-profile is a mobile-first Hugo theme for personal portfolios and blogs, with multilingual support, light/dark themes, categories and tags, Google Analytics, Disqus comments, and Formspree contact forms.
Hugo · Portfolio
hugo-theme-introduction
Introduction is a minimal Hugo theme that can be configured as a single-page site or a full site with multiple sections. Homepage sections are generated from Markdown files under content/home/, with weight sorting and optional images.
Hugo · Portfolio
hugo-theme-console
A minimalist, responsive Hugo theme inspired by the system terminal and built on Terminal CSS. It includes blog posts, photo galleries, and custom pages, with light/dark theming and style overrides via CSS variables.
Hugo · Portfolio