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

#javascript #react #nextjs #webdev

Software Developer Folio

A clean, beautiful and responsive portfolio template for Developers!

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

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

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

Technologies Used

Top comments (4)

Benny Schuetz • Feb 2 • 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.

Umer Ameen • Feb 12

I also like Benny suggestions so, I added this

Just reporting a little bug.

The navigation halts after selecting "expertise."
The issue is that the "expertise" section's z-index is the same as the navigation element (ie.10). Therefore, the nav z-index should be raised or the section z-index should be lowered to solve the problem.