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 (40)

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
 
loren_john profile image
Jorde Calf

A clean, dynamic, and responsive portfolio template built with React and Next.js, perfect for developers looking to showcase their work...
At Jorde Calf, we craft premium leather jackets that embody timeless style and exceptional craftsmanship. Explore our latest collection designed for both men and women. Each piece is made with high-quality leather, ensuring durability and a perfect fit. Discover your next favorite Leather jacket for Men and Women and express your individuality with Jorde Calf.

Collapse
 
seoakbarali profile image
akbarali seo

"Stick War Legacy Mod" introduces exciting modifications to the original game, offering players enhanced features and gameplay experiences. Mods can range from increased resources, unlocked characters, to entirely new game modes. These modifications often cater to players looking to explore different strategies or add new challenges to their gaming sessions. While mods can enrich the gaming experience, it's important for players to use them responsibly and ensure they align with the game's terms of service. Whether seeking new adventures or sharpening skills, Stick War Legacy Mods provide an avenue for players to customize their gameplay and enjoy the game in fresh and innovative ways.

Collapse
 
katobhi profile image
kato bhi

Rehabilitation coding is pivotal within healthcare, fostering clear communication among rehab centers, insurers, and patients by translating complex rehabilitation progress into standardized codes. This precision in coding enables correct reimbursement for rehab services, thereby aiding patients on their recovery journey golden faction mod for stick war legacy.

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
 
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
 
mywebsite_2eba25c2b5735de profile image
mywebsite

Welcome to NAMZIFY, your ultimate destination for all things related to names! Whether you’re curious about the names of animals, birds, fish, places, or even unique nicknames, NAMZIFY has got you covered. We are passionate about exploring the fascinating world of names, uncovering name meanings, histories, and origins to inspire curiosity and understanding.

At NAMZIFY, we believe that names are more than just words—they are windows into culture, identity, and nature. From ancient place names with rich histories to the coolest pet names you’ve never heard of, we aim to be your go-to resource for discovering and learning the stories behind every name. =

Collapse
 
jhone55 profile image
Jhone55

That's fantastic! Creating a developer portfolio using React and Next.js is an excellent way to showcase your skills, projects, and work to potential employers or clients. Here are some tips and considerations:

Optimize Performance: Ensure that your portfolio website loads quickly and performs well. Use code splitting, lazy loading, and image optimization techniques to optimize performance.

Mobile Responsiveness: Make sure your portfolio is responsive to various screen sizes and devices, including mobile phones and tablets. Test your website on different devices and browsers to ensure a consistent user experience.

Clean Design: A simple and beautiful design is essential. Use a clean and organized layout, legible typography, and a visually appealing color scheme that complements your content.

Project Showcase: Highlight your best projects Alight Motion Text and Animation Effects for PC and provide detailed information about each one. Include descriptions, technologies used, and any notable achievements or results.

Collapse
 
ranashab123 profile image
abdul basit

I’d like to share my experience with KineMaster Mod APK by KineMod. This modified version of the popular video editing software offers premium features for free, making it accessible to a wider audience. While it’s not an official version, it provides users with advanced tools like multi-layer editing and 4K export without watermarks. However, it’s important to note that, since it's unofficial, there may be risks related to security and stability. Users should proceed with caution and ensure they are downloading from a trusted source.
kinemod.com/

Collapse
 
harry_kale_1c677aae7d5f66 profile image
Harry Kale • Edited

Just a small bug report.

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

The problem is, that the "expertise" section has the same z-index as the navigation element (ie.10). So, the solution would be to increase the nav z-index or decrease the section z-index.
I explore a fabulous place with refreshments & drinks after the solve of bug issue you also Discover the moat amazing Sonic Shakes Menu, where a diverse array of flavors awaits. From classic Vanilla to decadent Mocha Java, Sonic offers shakes that cater to every palate. Enjoy rich, creamy indulgence with each sip and explore the full menu to find your perfect Sonic shake experience.

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