DEV Community

umutyesildal
umutyesildal

Posted on

I developed a simple but beautiful developer portfolio template using React and Next.js

Software Developer Folio

A clean, beautiful and responsive portfolio template for Developers!

Portfolio Website

Nearly all the components are dynamic and easy to use! Feel free to use it as-is or personalize it as much as you want.

If you'd like to contribute and make this much better for other users, please do.

Project Covers

✔️ Homepage\
✔️ Expertise\
✔️ Experience\
✔️ Work and Projects\
✔️ Contact

To view a live example, click here.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

The versions i have used in the project.

node@v16.16.0
yarn@1.22.17
git@2.37.3
Enter fullscreen mode Exit fullscreen mode

How To Use

From your command line and clone.

# Clone this repository
git clone https://github.com/umutyesildal/yesildal.me-personal-portfolio.git

# Go into the repository
cd yesildal.me-personal-portfolio

# Install dependencies
yarn

# Start a local dev server
yarn dev
Enter fullscreen mode Exit fullscreen mode

Deployment

For deployment I have used vercel and I am pretty happy with it.

# Build & Development Settings
Framework Preset: Nextjs
Build command: next build
Output directory: default
Install command: yarn
Development command: next
Enter fullscreen mode Exit fullscreen mode

Technologies Used

Latest comments (69)

Collapse
 
henry_musk_a77571a56cbcce profile image
Henry Musk

Love how clean and customizable this portfolio template is! It's like how the Hungry Shark Mod APK lets you unlock extra features and goodies to level up your gameplay. Both are all about taking control and adding a personal touch!

Collapse
 
abilio_bernardo_785109df3 profile image
Abilio Bernardo

Great work! This portfolio template is sleek and easy to use. It reminds me of Roblox Delta Executor—just like Delta lets you customize your game experience, this template lets developers easily personalize their portfolio. Awesome job!

Collapse
 
wgu-students-portal profile image
WGU Students Portal • Edited

Great work on the portfolio template, Umut! I really liked the clean design and the use of Next.js routing — it’s both elegant and efficient. I’ve recently been working on a resource site for students using similar tech (React + Next.js) at WGU Students Portal. It’s focused on helping WGU students with course resources and tools. Seeing your approach gave me some fresh UI ideas — appreciate you sharing this!

Collapse
 
muhammad_umarmuhammadbi profile image
Muhammad Umar Muhammad Bilal

This is super helpful—thanks for sharing! I’ve been experimenting with React/Next.js too, mostly for gaming-related projects. Just launched a basic site focused on Android game like Stick War Legacy Premium, and your layout ideas gave me a few new angles to explore for organizing content and improving UI. Great work!

Some comments may only be visible to logged-in visitors. Sign in to view all comments.