Next.jsReactPortfolio

hz-portfolio — Next.js Portfolio Template

By hervezossou

Hervé Zossou's personal frontend portfolio repository, built with Next.js App Router, Tailwind CSS, TypeScript, and Shadcn UI/Radix UI; the README states the project is currently in a Coming Soon phase.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews

Desktop homepage1 / 3

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

The README states the project is currently in a Coming Soon phase, with complete projects and case studies not yet live

Built with Next.js App Router and Tailwind CSS, using TypeScript

Components are based on Shadcn UI / Radix UI, with icons from Hugeicons

Animations use tw-animate-css for transition effects

The README mentions responsive design and SEO optimization, but does not elaborate on specific approaches

Template Details

This repository is the source code for Hervé Zossou's personal portfolio website, positioned in the README as a personal homepage showcasing modern frontend development capabilities. The README explicitly states that the project is currently in a "Coming Soon" phase, and the author is preparing complete projects and case studies, so not all page content is live yet.

On the technical side, the README lists the use of Next.js (App Router), Tailwind CSS, TypeScript, Shadcn UI / Radix UI components, and Hugeicons icons, with animations using tw-animate-css. The README also mentions responsive design and SEO optimization, but does not provide specific implementation details or verification methods.

Running locally requires Node.js (latest LTS recommended) and pnpm: after cloning the repository, run pnpm install, then run pnpm dev, and open http://localhost:3000 in a browser. The README does not provide build, deployment, or environment variable configuration instructions.

Next.jsReactPortfolio

Is it right for your project?

Use Cases

As a source code reference for a personal portfolio website, to understand its directory and technology choices
To run locally and view the page effects during the Coming Soon phase
As a starting reference for combining Next.js, Tailwind CSS, and Shadcn UI

Suitable For

Next.js developers who want to reference a personal portfolio project structure
Frontend developers using Tailwind CSS and Shadcn UI
Readers who want to understand the current implementation status of this repository

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Requires Node.js (the README recommends the latest LTS version)
2
Uses pnpm as the package manager
3
After cloning the repository, run pnpm install to install dependencies
4
Run pnpm dev to start the development server, then visit http://localhost:3000
5
The README does not provide build, deployment, or environment variable configuration instructions

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full 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

Demo images, fonts, icons, and other third-party assets must be checked against 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 incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/hervezossou/hz-portfolio/blob/main/LICENSE https://github.com/hervezossou/hz-portfolio/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. 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: Next.js · 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-08-26
Screenshot last checked: 2026-10-13

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 Next.js 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.

Review declaration: codex-user-requested-batch-review-20261015 · 2026-10-15

Inspect the recorded source material

SHA-256: 63df3d09908f3bca3ad0e75c05dd25fb8de9bebe453e79ed8cc07cfffa90f349

2026-10-13T06:53:39.992Z

Source file / repository

# Hervé Zossou — Frontend Engineer Portfolio

Welcome to the repository for my professional portfolio. I specialize in building fast, scalable, and conversion-focused websites and applications using React and Next.js.

## 🚀 Project Overview

This project serves as my digital home, showcasing my expertise in modern frontend development. It is currently in the "Coming Soon" phase as I prepare a full suite of projects and case studies for launch.

### Key Features

- **Modern Tech Stack**: Built with Next.js 16 (Turbopack) and Tailwind CSS 4.
- **Responsive Design**: Optimized for all devices and screen sizes.
- **Dynamic Animations**: Utilizing `tw-animate-css` for smooth, performant transitions.
- **SEO Optimized**: Following best practices for visibility and performance.

## 🛠️ Tech Stack

- **Framework**: [Next.js 16](https://nextjs.org/) (App Router)
- **Styling**: [Tailwind CSS 4](https://tailwindcss.com/)
- **Language**: [TypeScript](https://www.typescriptlang.org/)
- **Components**: [Shadcn UI](https://ui.shadcn.com/) / [Radix UI](https://www.radix-ui.com/)
- **Icons**: [Hugeicons](https://hugeicons.com/)

## 📦 Getting Started

### Prerequisites

- Node.js (Latest LTS version recommended)
- [pnpm](https://pnpm.io/) (used as the package manager)

### Installation

1. Clone the repository:

    ```bash
    git clone https://github.com/hervezossou/portfolio.git
    ```

2. Install dependencies:

    ```bash
    pnpm install
    ```

3. Run the development server:
    ```bash
    pnpm dev
    ```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the results.

## 📬 Contact

I'm always open to discussing new projects, creative ideas, or opportunities.

- **Email**: [[email protected]](mailto:[email protected])
- **LinkedIn**: [Hervé Zossou](https://linkedin.com/in/hervezossou)

---

© 2026 Hervé Zossou — Digital Excellence

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

react-resume-template

A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.

Next.js · Portfolio

nxt-lnk

nxt-lnk is a Next.js-based bio link page template that manages personal information and links via BioData.js and LinksData.js, positioned as a self-hosted alternative to Linktree. It groups links by type, supports enabling/disabling individual links, and offers hexagonal or oval avatars.

Next.js · Portfolio

sylph

Sylph is a minimal portfolio and blog template built on Next.js, supporting MDX/Markdown writing, light/dark themes, and automatic OG image generation. It includes sitemap, robots.txt, metadata, and syntax highlighting, with automatic blog timestamps.

Next.js · Portfolio

sleek-portfolio

A modern, responsive portfolio template built with Next.js 15, TypeScript, Tailwind CSS, and Shadcn UI. It includes an MDX blog, project showcase, work experience timeline, and a contact form that receives messages via Telegram Bot.

Next.js · Portfolio

research-website-template

A React + Next.js template for research personal websites, aimed at PhD students and researchers. It centralizes publications, projects, and other content in src/data as arrays of objects, with optional fields automatically generating UI components.

Next.js · Portfolio

shadcn-portfolio

A developer portfolio template built with Next.js 15, shadcn/ui, Tailwind CSS, and Framer Motion, featuring an MDX blog, light and dark modes, responsive design, and SEO meta tags.

Next.js · Portfolio