Portify-Portfolio

KO | EN

gitlite — search

#javascript #hacktoberfest #golang #android #machine-learning #docker #macos #nodejs #windows #awesome #cli #awesome-list #security #pytorch

Portify-Portfolio

(★ 24)

Complete source code for my personal portfolio website, built with Next.js 🚀. It’s a modern, fully responsive portfolio that highlights my skills, projects, and professional experience. Don’t miss out - updates are made daily! ✨

Portify-Portfolio 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]

</div>

[contributors-shield]: https://custom-icon-badges.demolab.com/github/contributors/GylanSalih/NextJS-Portify?color=FF0000&logo=group&label=Contributors&logoColor=white&style=for-the-badge&labelColor=000000
[forks-shield]: https://custom-icon-badges.demolab.com/github/forks/GylanSalih/NextJS-Portify?color=FF0000&logo=repo-forked&label=Forks&logoColor=white&style=for-the-badge&labelColor=000000
[stars-shield]: https://custom-icon-badges.demolab.com/github/stars/GylanSalih/NextJS-Portify?color=FF0000&label=Stars&style=for-the-badge&logo=star&logoColor=white&labelColor=000000
[issues-shield]: https://custom-icon-badges.demolab.com/github/issues/GylanSalih/NextJS-Portify?color=FF0000&logo=issue-opened&label=Issues&logoColor=white&labelColor=000000&style=for-the-badge
[license-shield]: https://custom-icon-badges.demolab.com/github/license/GylanSalih/NextJS-Portify?color=FF0000&logo=law&label=License&logoColor=white&style=for-the-badge&labelColor=000000

[contributors-url]: https://github.com/GylanSalih/NextJS-Portify/graphs/contributors
[forks-url]: https://github.com/GylanSalih/NextJS-Portify/network/members
[stars-url]: https://github.com/GylanSalih/NextJS-Portify/stargazers
[issues-url]: https://github.com/GylanSalih/NextJS-Portify/issues
[license-url]: https://github.com/GylanSalih/NextJS-Portify/blob/main/LICENSE

<h3 align="center">Portify Portfolio Made with Love</h3>

<p align="center">
    Welcome! I would appreciate if you Star my Repository, your support is greatly appreciated!
    <br /><br />
    <a href="https://next-js-portify.vercel.app/">View Demo</a>
    ·
    <a href="https://github.com/GylanSalih/NextJS-Portify/blob/main/CHANGELOG.md">Changelog.md & Roadmap</a>
    ·
    <a href="https://github.com/GylanSalih/NextJS-Portify/issues/new?labels=bug&template=bug-report---.md">Report Bug</a>
    ·
    <a href="https://github.com/GylanSalih/NextJS-Portify/issues/new?labels=enhancement&template=feature-request---.md">Request Feature</a>
  </p>
</div>

<details>
  <summary><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Pushpin.png" alt="Pushpin" width="25" height="25" /> Table of Contents</summary>
  <ol>
    <li><a href="#about-the-project">About The Project</a></li>
    <li><a href="#gallery">Gallery</a></li>
    <li><a href="#built-with">Built With</a></li>
    <li><a href="#getting-started-contributing">Getting Started & Contributing</a></li>
  </ol>
</details>

<h2 id="about-the-project">About The Project</h2>

Portify is an open source, self-built portfolio template actively developed for over a year. It ships with everything a modern developer portfolio needs: a **Blog** powered by Markdown files, a **Portfolio** page to showcase your projects, a visual **Gallery & Showcase**, a dedicated **About** page, and a **Tools** section featuring utilities like a Gradient Generator, Shadow Generator, Operator Lookup, code Snippets, and more.

Pages and features at a glance: **Home · Blog · Portfolio · Showcase · About · Tools**

Built with a strong focus on UI/UX, every detail has been considered. Layouts come with rich filtering options, tag systems, and multiple display variants. Components like testimonials, sliders, hover effects, and animations are included out of the box. The design hits the right balance between modern, compact, and user-friendly without ever feeling cluttered or outdated.

Still actively developed. Bug reports, questions, and setup help are always welcome.

### Key Features

- **Blog** — Markdown-based blog with full post rendering, ready to write and publish.
- **Portfolio** — Project showcase page with filtering, tags, and multiple layout options.
- **Gallery & Showcase** — Visual image showcase with lightbox support.
- **Tools & Snippets** — Built-in tools (Gradient Generator, Shadow Generator, Operator Lookup) and a Snippets viewer to display your own code files.
- **Holographic Card Design** — Unique holographic card effect for a distinctive, modern look.
- **Dark / Light Mode** — Fully themed for both environments with smooth switching.
- **Responsive** — Optimized across mobile, tablet, and desktop on Windows, macOS, and Linux.
- **Rich Components** — Testimonials, sliders, hover effects, animations, filters, and more included.

### Future Plans

I'll be adding more in the near future. Potential updates include:

- Advanced animations and effects.
- More customization options.
- Additional themes for better personalization.

&nbsp;
<h2 id="Gallery"><span style="display: inline-flex; align-items: center;"><img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Pushpin.png" alt="Pushpin" width="25" height="25" /> Gallery</span></h2>
<p align="center">Here are some images showcasing the project:</p>

| Home | Home Mobile | About Me |
| --- | --- | --- |
| <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Home.png" alt="Home" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Home%20Mobile.png" alt="Home Mobile" width="78" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/About%20Me.png" alt="About Me" width="300" /> |

| Blog | Blog 2 | Blog Single Page |
| --- | --- | --- |
| <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Blog.png" alt="Blog" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Blog%202.png" alt="Blog 2" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Blog%20Single%20Page.png" alt="Blog Single Page" width="300" /> |

| Portfolio | Portfolio 2 | Portfolio Mobile |
| --- | --- | --- |
| <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Portfolio.png" alt="Portfolio" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Portfolio%202.png" alt="Portfolio 2" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Portfolio%20Mobile.png" alt="Portfolio Mobile" width="78" /> |

| Portfolio Single Page | Showcase | Showcase Click |
| --- | --- | --- |
| <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Portfolio%20Single%20Page.png" alt="Portfolio Single Page" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Showcase.png" alt="Showcase" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Showcase%20Click.png" alt="Showcase Click" width="300" /> |

| Showcase Single Page View | Hamburger Menu | Light Mode |
| --- | --- | --- |
| <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Showcase%20Single%20Page%20View.png" alt="Showcase Single Page View" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Hamburger%20Menu.png" alt="Hamburger Menu" width="300" /> | <img src="https://raw.githubusercontent.com/GylanSalih/NextJS-Portify/main/public/assets/images/showcase/Light%20Mode.png" alt="Light Mode" width="300" /> |

<h2 id="built-with">Built With</h2>

<h2 id="getting-started-contributing">Getting Started & Contributing</h2>

<details>
<summary>Installation</summary>

You'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) installed. Then run:

```bash
# 1. Clone the repository
git clone https://github.com/GylanSalih/NextJS-Portify/

# 2. Navigate into the folder
cd NextJS-Portify

# 3. Install dependencies
npm install

# 4. Start the dev server
npm start
```

</details>

<details>
<summary>How to Contribute</summary>

```bash
# 1. Fork & clone your fork
git clone https://github.com/<your-username>/NextJS-Portify.git
cd NextJS-Portify

# 2. Create a branch
git checkout -b feature/your-feature-name

# 3. Commit your changes
git add .
git commit -m "Add: Description of the changes"

# 4. Push & open a Pull Request
git push origin feature/your-feature-name
```

</details>

<details>
<summary>Contribution Guidelines</summary>

- **Follow the Code Style:** Ensure your code follows the repository's style guide.
- **Write Clear Commit Messages:** Use concise and descriptive commit messages.
- **Test Your Changes:** Verify that your changes work as expected.
- **Be Respectful:** Always be respectful and considerate of others.

</details>

If you're stuck or need guidance, feel free to [open an issue](https://github.com/GylanSalih/NextJS-Portify/issues/new) or start a discussion in the repository. We're here to help!

</details>

<details>
<summary>License</summary>

Distributed under the MIT license. See LICENSE.txt for more information.

</details>

Portify-Portfolio

Portify-Portfolio 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Portify-Portfolio

Portify-Portfolio 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README