Next.jsReactPortfolio

portfolio-template (fahimsweb) — Next.js Portfolio Template

By fahimsweb

An open-source personal portfolio starter template based on Next.js, React, TypeScript, and React Icons, with personal information read from package.json.

Explore the design

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

2 previews
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-14View source

What stands out

A quick read of the recorded project description.

01

Built with Next.js, React, TypeScript, and React Icons

02

Personal information (author, name, description, homepage) is uniformly read from package.json

03

The README positions it as a minimal starter template that can be customized and extended as needed

04

Provides four development server startup commands: npm, yarn, pnpm, and bun

05

The contribution process requires following Semantic Release commit conventions and passing npm run lint before a PR

06

Uses the MIT license and includes a code of conduct file

Template Details

This is an open-source personal portfolio starter template built with Next.js, React, TypeScript, and React Icons. The README positions it as a minimal starting configuration that makes it easy for users to customize and extend as needed.

One characteristic of the template is that personal information comes from a centralized source: personal details such as author, name, description, and homepage are read from the corresponding fields in package.json. The README explains that this design keeps things simple and facilitates quick customization.

To use it, fork or clone the repository, run npm run dev in the terminal (or the dev command for yarn, pnpm, or bun), then open http://localhost:3000 in the browser to see the result. The README also provides contribution guidelines, including following Semantic Release commit message and version management conventions, running npm run lint before submitting a PR (CI builds fail if eslint fails), not modifying the existing authors and scripts sections, and using the commit message format <type>(<scope>): <subject>. The project uses the MIT license and includes a code of conduct file. The README does not provide information on page section composition, styling approach, deployment steps, or performance.

Next.jsReactPortfolio

Is it right for your project?

Use Cases

  • As starter code for a personal portfolio website, to replace and supplement with your own content
  • For learning the project structure of Next.js combined with TypeScript
  • As a starting point for small sites that need centralized management of personal metadata (read from package.json)
  • As a vehicle for practicing Semantic Release commit conventions and PR processes in an open-source project

Suitable For

  • Developers who want to quickly build a personal portfolio using a ready-made starter template
  • Front-end developers familiar with or willing to use Next.js, React, and TypeScript
  • Contributors who need to participate in open-source contributions according to Semantic Release conventions

Getting started & customization

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

  1. 1

    Fork or clone the repository locally

  2. 2

    Run npm run dev in the terminal (yarn dev, pnpm dev, or bun dev can also be used)

  3. 3

    Open http://localhost:3000 in the browser to see the result

  4. 4

    Run npm run lint before submitting a PR; npm run format can be used to automatically fix lint errors

  5. 5

    As required by the README, do not modify the existing authors and scripts sections, and follow the <type>(<scope>): <subject> format for commit messages

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 that 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 additional charges.
  • Contributors should not modify the existing authors and scripts sections, but may add new script or authors properties.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Please refrain from altering the existing authors or scripts sections. However, you are welcome to add a new script or authors property if you'd like.

Original README
https://github.com/fahimsweb/portfolio-template/blob/main/LICENSEhttps://github.com/fahimsweb/portfolio-template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-14. 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
Partly documented · 73 / 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
2024-10-09
Screenshot last checked
2026-10-14

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: 4629866b8023a93855f980c7f5de53ae144c3063b2ee9cd10a5c84ef30a05f40

2026-10-14T02:23:21.735Z

Source file / repository
# Portfolio Template

This is an open-source starter portfolio template built with **Next.js**, **React**, **TypeScript**, and some cool **React Icons**. It’s a minimalist setup to help you get started and personalize it as you wish.

Feel free to **customize and extend** it, and of course, contributions are always welcome!

All personal details are pulled from the `package.json` properties, including the **author**, **name**, **description**, and **homepage** sections. This design aims to keep things simple while still allowing for quick customization.

## Getting Started

Fork or clone the repo.

Open terminal and run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

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

## Contributing to the Project

Thank you for considering contributing to this project! To maintain a clean and efficient workflow, I followed the **Semantic Release** guidelines for commit messages and versioning. Please read through this guide before submitting your contributions.

#### Linting

Please check your code using npm run lint before submitting your pull requests, as the CI build will fail if eslint fails.

```bash
	npm run format # To fix lint errors automatically
```

#### What not to modify

Please refrain from altering the existing authors or scripts sections. However, you are welcome to add a new script or authors property if you'd like.

#### Commit Message Format

[Read more about Semantic-versioning](https://github.com/angular/angular/blob/main/CONTRIBUTING.md#-commit-message-format)

All commit messages should adhere to the following format:

```bash
	<type>(<scope>): <subject>
```

- **feat**: A new feature
- **fix**: A bug fix
- **docs**: Documentation changes
- **style**: Changes that do not affect the meaning of the code (white-space, formatting, etc.)
- **refactor**: A code change that neither fixes a bug nor adds a feature
- **perf**: A code change that improves performance
- **test**: Adding or updating tests
- **chore**: Changes to the build process or auxiliary tools and libraries

#### Scope

_Optional._ A scope may be provided to denote the section of the codebase affected. For example, `ui`, `api`, `cli`, etc.

#### Subject

The subject should be a brief summary of the change, written in the imperative mood (e.g., "add", "fix", "update").

#### Example Commit Messages

- `feat(ui): add responsive layout`
- `fix(api): resolve user authentication error`
- `docs: update README with installation instructions`

#### Bumping the Package Version

When you make a change that requires a version bump, follow these steps:

1. **Determine the Version Bump Type**: Based on your commits, decide whether it’s a major, minor, or patch version change:

   - **Major version**: Breaking changes (e.g., `1.0.0` → `2.0.0`)
   - **Minor version**: New features (e.g., `1.0.0` → `1.1.0`)
   - **Patch version**: Bug fixes (e.g., `1.0.0` → `1.0.1`)

2. **Update `package.json`**:

   - Open the `package.json` file.
   - Update the `version` field according to the version bump type determined above.

3. **Commit the Version Bump**:

   - Use a commit message like:
     ```
     chore(release): bump version to <new-version>
     ```
   - For example:
     ```
     chore(release): bump version to 1.1.0
     ```

4. **Push Changes**: After committing your changes, push them to the repository:

```bash
 git push origin your-branch-name
```

5. **Create a Pull Request**: Go to the repository and create a pull request. Ensure to describe the changes made and reference any relevant improvements/issues.

## Code of Conduct

Please adhere to the [Code of Conduct](CODE_OF_CONDUCT.md) in all interactions within the repository.

## Licence

This project is licensed under the [MIT License](LICENSE). See the [LICENSE](LICENSE) file for more details.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

react-resume-template

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

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

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

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

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

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