DEV Community

Cover image for I made a developer portfolio template using React and Next
umutyesildal
umutyesildal

Posted on

I made a developer portfolio template using React and Next

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

Image description

I am a 25 yo developer, i have been trying portfolio templates lately but i couldn't find one that fits my needs. Therefore i have created my own template that you can use as well!

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. Please give me a feedback and if you find a bug tell me. A star on github is pretty appreciated.

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
Github link

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

Collapse
 
menupricewe profile image
Invisalign treatment Edmonton

Bij Inner Mind Center begrijpen we hoe frustrerend en belemmerend hoofdpijn kan zijn. Als je last hebt van chronische of terugkerende hoofdpijn, kan een osteopaat een effectieve oplossing bieden. Onze gespecialiseerde osteopaten hebben ervaring met het behandelen van hoofdpijn door het aanpakken van de onderliggende oorzaken, zoals spierspanningen, wervelkolomproblemen en houdingsgebreken. Osteopaat hoofdpijn Door middel van gerichte osteopathische technieken streven wij ernaar om jouw welzijn te verbeteren en je van je hoofdpijn af te helpen. Ontdek hoe een osteopaat bij Inner Mind Center jou kan helpen bij het verlichten van hoofdpijn en het herstellen van jouw levenskwaliteit.

Collapse
 
menupricewe profile image
Invisalign treatment Edmonton

Curious about Aesha Scott's net worth and her rise to prominence? Discover the financial standing of this notable personality through our detailed exploration. Aesha Scott, a well-known figure in her field, has garnered significant attention for her achievements and lifestyle. With her impressive career and growing influence, understanding her net worth provides insights into her success and financial status aesha scott net worth Explore Aesha Scott’s journey and financial accomplishments by visiting our comprehensive profile at Profiles Net Worth, where we delve into the details of her earnings, investments, and overall net worth. This analysis sheds light on how her career milestones have contributed to her financial growth and current status. Dive into the world of Aesha Scott and see how her net worth reflects her success and influence in the industry.

Collapse
 
menupricewe profile image
Invisalign treatment Edmonton

In today's competitive market, the right packaging can make all the difference. At Plus Printers, we understand that effective custom packaging not only protects your products but also enhances your brand's identity. As a leading Custom Packaging Company, we specialize in creating bespoke solutions tailored to meet your unique needs. Whether you're looking for eye-catching designs, sustainable materials, or innovative packaging solutions, our team combines expertise and creativity to deliver exceptional results. Explore how Plus Printers can transform your packaging into a powerful marketing tool and elevate your brand's presence in the marketplace.

Collapse
 
menupricewe profile image
Invisalign treatment Edmonton

If you’ve been injured and are seeking legal support, Get started Now yourinjurycase with the expert team at Your Injury Case. We understand the complexities and challenges of personal injury claims, and we’re here to help you navigate the legal process with ease. Our experienced attorneys are dedicated to fighting for your rights and ensuring you receive the compensation you deserve. Get started Now yourinjurycase by contacting us today. Visit Your Injury Case to begin your journey toward justice and recovery.

Collapse
 
menupricewe profile image
Invisalign treatment Edmonton

A 3PL warehouse (third-party logistics) plays a crucial role in streamlining supply chain operations by offering businesses efficient warehousing, inventory management, and distribution services. By outsourcing these logistics needs to experts, companies can focus on their core operations while ensuring seamless order fulfillment and timely deliveries. With cutting-edge technology and strategic locations, a 3PL warehouse like One Click Logistics provides customized solutions tailored to meet diverse business demands, from small startups to large enterprises. This approach enhances scalability, reduces overhead costs, and optimizes overall efficiency in supply chain management.

Collapse
 
deutshiptv profile image
mestapha elhmd

Mit DEUTSCH-IPTV öffnen Sie eine neue Welt des Entertainment und der Qualität. Als führende Website in Deutschland sind wir stolz darauf, unseren Kunden die besten Dienstleistungen und die neuesten Inhalte anzubieten. Erhalten Sie unbegrenzten Zugang zu all Ihren Lieblings deutschen Kanälen, sowie zu den neuesten Filmen und Serien, mit einer kostenlosen 3-monatigen Testphase für unsere neuen Kunden. Abonnieren Sie jetzt und genießen Sie die beste DEUTSCH-IPTV Erfahrung in Deutschland!

Collapse
 
ghizlane_hiiba_07e3167e34 profile image
IPTV GERMANY

🎉 Kostenlose Testversion von IPTV GERMANY – Ein ganzer Monat! 🎉

Erleben Sie das beste Fernseherlebnis mit IPTV GERMANY diesen Monat kostenlos! Sichern Sie sich ein kostenloses Abonnement und testen Sie die hervorragende Qualität unseres Services.

📺 Vorteile des Abonnements:

Vielfältige Kanäle in HD und 4K
Zugriff auf allen Geräten: Smart TV, Smartphone oder Tablet
Interaktive Funktionen wie Pause und Rückspulen
Jetzt anmelden über [ iptv-germany.de/ ] und genießen Sie Ihre kostenlose Testversion!

Collapse
 
seoshero7 profile image
seoshero7

May I simply just say what a relief to discover someone that actually knows what they are talking about online. You actually know how to bring an issue to light and make it important. A lot more people ought to look at this and understand this side of the story. iptv germany It's surprising you aren't more popular given that you definitely possess the gift.

Collapse
 
benchaoui1 profile image
GERMAN IPTV

Mit GERMAN-IPTV öffnen Sie eine neue Welt des Entertainment und der Qualität. Als führende Website in Deutschland sind wir stolz darauf, unseren Kunden die besten Dienstleistungen und die neuesten Inhalte anzubieten. Erhalten Sie unbegrenzten Zugang zu all Ihren Lieblings deutschen Kanälen, sowie zu den neuesten Filmen und Serien, mit einer kostenlosen 3-monatigen Testphase für unsere neuen Kunden. Abonnieren Sie jetzt und genießen Sie die beste GERMAN-IPTV Erfahrung in Deutschland!

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