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

Top comments (64)

Collapse
 
benny00100 profile image
Benny Schuetz • Edited

Just a small bug-report.

After clicking on "expertise" - the navigation stops working.

Problem is, that the "expertise" section has the same z-index than the navigation element (ie.10). So, the solution would be to increase the nav z-index or decrease the section z-index.

Collapse
 
katobhi profile image
kato bhi

"car parking multiplayer mod apk (unlimited money and gold)" brings thrilling enhancements to the original game, offering players upgraded features and enriched gameplay experiences. These mods can include increased resources, unlocked characters, and entirely new game modes, catering to players who want to explore different strategies or introduce new challenges. While these modifications can significantly enhance the gaming experience, players should use them responsibly and ensure they comply with the game's terms of service. Whether seeking new adventures or refining skills, Stick War Legacy Mods allow players to customize their gameplay and enjoy the game in exciting and innovative ways.

Collapse
 
mannahil_huzaifa_5c499390 profile image
mannahil huzaifa

UK49s Today is a trusted platform dedicated to providing the latest UK49s lottery results, predictions, and helpful tips for both lunchtime and teatime draws. Whether you're a regular player or just starting out, the site offers timely updates, expert insights, and user-friendly features to help you stay informed and improve your chances. Visit the official website here: uk49stoday.com

Collapse
 
mywebsite_2eba25c2b5735de profile image
mywebsite • Edited

InShot is a popular mobile photo and video editing app that has gained popularity over the period of time because of its user-friendly user interface. Inshot Pro APK come with a lot of features that make video editing easy and even a nob can easily edit his/her video.

Collapse
 
areeba_nishat_5d9b045adcd profile image
Areeba Nishat

In conclusion, creating a developer portfolio template with React and Next.js is a smart and modern choice that showcases both your technical skills and design sensibility. This kind of project not only highlights your ability to build performant, responsive web applications, but also gives you a platform to present your work in a polished, professional way. It's a great tool for job seekers, freelancers, or anyone looking to establish a strong online presence as a developer.

Collapse
 
areeba_nishat_5d9b045adcd profile image
Areeba Nishat

Documentation matters — but so does how you present yourself as a developer.

Most dev portfolios suffer from the same issues that plague bad documentation:

Cluttered layout

Hard to navigate

Doesn’t show real-world skills

No performance optimization

Not mobile-friendly

I built a clean, fast, and beautiful developer portfolio template using React and Next.js — perfect for devs who want to stand out without writing tons of boilerplate code.

Features:
Minimal, elegant UI
Blazing-fast performance (thanks to Next.js)
Fully responsive
Easy to customize
SEO-ready to boost your personal brand

Live Preview & Download: [yourwebsite.com]

Start your dev career with a portfolio that feels like great documentation: clear, fast, and user-focused.

React #NextJS #PortfolioTemplate #DeveloperTools #OpenSource #WebDev #Frontend #DX #Thread776

Collapse
 
mannahil_huzaifa_5c499390 profile image
mannahil huzaifa

I recently came across UK49s Today, and I have to say, it’s uk49stoday.com/ one of the best resources out there for UK49s lottery enthusiasts. The site provides real-time results, smart predictions, and helpful tips that give you an edge. What I love most is how consistently it’s updated and how easy it is to navigate.

Collapse
 
mywebsite_2eba25c2b5735de profile image
mywebsite

Crypto presales are a great way to diversify your crypto investment portfolio. Rather than focusing on established cryptocurrencies like Bitcoin and Ethereum, presales give you access to newer, more speculative tokens. This diversification can help balance risk while offering the potential for higher rewards. Artemis crypto is best to invest now.

Collapse
 
jani_jan_91de7320b39903f6 profile image
Jani jan

I developed a simple yet beautiful developer portfolio template using React and Next.js—clean, efficient, and battle-ready, just like the units in Stick War Legacy Pro. Every component is optimized for performance and clarity, mirroring the game’s strategic depth where every element plays a vital role in achieving total domination.

Collapse
 
areeba_nishat_5d9b045adcd profile image
Areeba Nishat

That’s awesome! A clean, well-built developer portfolio can make a big difference — especially when it's powered by React and Next.js for performance and flexibility. Would love to check it out if you’re sharing the link! Great job putting your skills into something both functional and visually appealing.

Collapse
 
mannahil_huzaifa_5c499390 profile image
mannahil huzaifa

I've been using UK49sToday for a while now, and it's honestly the best site for all things UK49s. The results of uk49stoday.com/ are updated quickly and accurately, which saves me the trouble of checking multiple sources. I also love the prediction section — it’s clear that a lot of thought and effort go into them. The site is easy to navigate, and everything I need is there. Whether you're a casual player or someone who takes the game seriously, this site is a must-visit every day. Keep up the great work!

Collapse
 
mannahil_huzaifa_5c499390 profile image
mannahil huzaifa

I've been using UK49sToday for a while now and it's honestly the best site for all things UK49s. The results are updated quickly and accurately, which saves me the trouble of checking multiple sources. I also love the prediction section — it’s clear that a lot of thought and effort goes into them. The site is easy to navigate, and everything I need is right there. Whether you're a casual player or someone who takes the game seriously, this site is a must-visit every day. Keep up the great work!

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