The latest articles on Forem by umutyesildal (@umutyesildal). https://forem.com/umutyesildal https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1018241%2F5602f32e-1d1c-4456-b0f4-39d7694e4a75.png https://forem.com/umutyesildal en umutyesildal Tue, 28 Mar 2023 16:52:13 +0000 https://forem.com/umutyesildal/here-is-the-developer-portfolio-template-that-will-get-you-hired-2dbp https://forem.com/umutyesildal/here-is-the-developer-portfolio-template-that-will-get-you-hired-2dbp <p>I developed a simple but beautiful developer portfolio template using React and Next.js.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--UUkF0Eog--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/essbgqnd0hop69qxnf4v.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UUkF0Eog--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/essbgqnd0hop69qxnf4v.png" alt="Image description" width="880" height="433"></a></p> <p>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!</p> <p>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.</p> <p>If you'd like to contribute and make this much better for other users, please do.</p> <p>Project Covers:<br> ✔️ Homepage<br> ✔️ Expertise<br> ✔️ Experience<br> ✔️ Work and Projects<br> ✔️ Contact</p> <p>To view a live example, <a href="https://www.yesildal.me/">click here</a><br> <a href="https://github.com/umutyesildal/yesildal.me-personal-portfolio">Github link</a></p> <h2> Getting Started </h2> <p>These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.</p> <p>The versions i have used in the project.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>node@v16.16.0 yarn@1.22.17 git@2.37.3 </code></pre> </div> <h2> How To Use </h2> <p>From your command line and clone.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># Clone this repository</span> git clone https://github.com/umutyesildal/yesildal.me-personal-portfolio.git <span class="c"># Go into the repository</span> <span class="nb">cd </span>yesildal.me-personal-portfolio <span class="c"># Install dependencies</span> yarn <span class="c"># Start a local dev server</span> yarn dev </code></pre> </div> <h2> Deployment </h2> <p>For deployment I have used <a href="https://vercel.app/">vercel</a> and I am pretty happy with it.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># Build &amp; Development Settings</span> Framework Preset: Nextjs Build <span class="nb">command</span>: next build Output directory: default Install <span class="nb">command</span>: yarn Development <span class="nb">command</span>: next </code></pre> </div> <h2> Technologies Used </h2> <ul> <li><a href="https://reactjs.org/">React</a></li> <li><a href="https://nextjs.org/">Next</a></li> <li><a href="https://greensock.com/gsap/">gsap</a></li> </ul> webdev javascript react beginners umutyesildal Tue, 28 Feb 2023 15:16:21 +0000 https://forem.com/umutyesildal/i-made-a-developer-portfolio-template-using-react-and-next-3g2e https://forem.com/umutyesildal/i-made-a-developer-portfolio-template-using-react-and-next-3g2e <p>I developed a simple but beautiful developer portfolio template using React and Next.js.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fessbgqnd0hop69qxnf4v.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fessbgqnd0hop69qxnf4v.png" alt=" " width="800" height="393"></a></p> <p>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!</p> <p>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.</p> <p>If you'd like to contribute and make this much better for other users, please do.</p> <p>Project Covers:<br> ✔️ Homepage<br> ✔️ Expertise<br> ✔️ Experience<br> ✔️ Work and Projects<br> ✔️ Contact</p> <p>To view a live example, <a href="https://www.yesildal.me/" rel="noopener noreferrer">click here</a><br> <a href="https://github.com/umutyesildal/yesildal.me-personal-portfolio" rel="noopener noreferrer">Github link</a></p> <h2> Getting Started </h2> <p>These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.</p> <p>The versions i have used in the project.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>node@v16.16.0 yarn@1.22.17 git@2.37.3 </code></pre> </div> <h2> How To Use </h2> <p>From your command line and clone.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># Clone this repository</span> git clone https://github.com/umutyesildal/yesildal.me-personal-portfolio.git <span class="c"># Go into the repository</span> <span class="nb">cd </span>yesildal.me-personal-portfolio <span class="c"># Install dependencies</span> yarn <span class="c"># Start a local dev server</span> yarn dev </code></pre> </div> <h2> Deployment </h2> <p>For deployment I have used <a href="https://vercel.app/" rel="noopener noreferrer">vercel</a> and I am pretty happy with it.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># Build &amp; Development Settings</span> Framework Preset: Nextjs Build <span class="nb">command</span>: next build Output directory: default Install <span class="nb">command</span>: yarn Development <span class="nb">command</span>: next </code></pre> </div> <h2> Technologies Used </h2> <ul> <li><a href="https://reactjs.org/" rel="noopener noreferrer">React</a></li> <li><a href="https://nextjs.org/" rel="noopener noreferrer">Next</a></li> <li><a href="https://greensock.com/gsap/" rel="noopener noreferrer">gsap</a></li> </ul> opensource contributorswanted career discuss umutyesildal Tue, 31 Jan 2023 14:19:58 +0000 https://forem.com/umutyesildal/i-developed-a-simple-but-beautiful-developer-portfolio-template-using-react-and-nextjs-25l7 https://forem.com/umutyesildal/i-developed-a-simple-but-beautiful-developer-portfolio-template-using-react-and-nextjs-25l7 <h1> Software Developer Folio </h1> <h2> A clean, beautiful and responsive portfolio template for Developers! </h2> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Frepository-images.githubusercontent.com%2F577325623%2F4f220169-ebd3-4aa6-8e9b-b6b0909b5cd2" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Frepository-images.githubusercontent.com%2F577325623%2F4f220169-ebd3-4aa6-8e9b-b6b0909b5cd2" alt="Portfolio Website"></a></p> <p>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.</p> <p>If you'd like to <strong>contribute</strong> and make this much better for other users, please do.</p> <h2> Project Covers </h2> <p>✔️ Homepage\<br> ✔️ Expertise\<br> ✔️ Experience\<br> ✔️ Work and Projects\<br> ✔️ Contact</p> <p>To view a live example, <strong><a href="https://yesildal.me" rel="noopener noreferrer">click here</a></strong>.</p> <h2> Getting Started </h2> <p>These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.</p> <p>The versions i have used in the project.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>node@v16.16.0 yarn@1.22.17 git@2.37.3 </code></pre> </div> <h2> How To Use </h2> <p>From your command line and clone.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># Clone this repository</span> git clone https://github.com/umutyesildal/yesildal.me-personal-portfolio.git <span class="c"># Go into the repository</span> <span class="nb">cd </span>yesildal.me-personal-portfolio <span class="c"># Install dependencies</span> yarn <span class="c"># Start a local dev server</span> yarn dev </code></pre> </div> <h2> Deployment </h2> <p>For deployment I have used <a href="https://vercel.app/" rel="noopener noreferrer">vercel</a> and I am pretty happy with it.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code><span class="c"># Build &amp; Development Settings</span> Framework Preset: Nextjs Build <span class="nb">command</span>: next build Output directory: default Install <span class="nb">command</span>: yarn Development <span class="nb">command</span>: next </code></pre> </div> <h2> Technologies Used </h2> <ul> <li><a href="https://reactjs.org/" rel="noopener noreferrer">React</a></li> <li><a href="https://nextjs.org/" rel="noopener noreferrer">Next</a></li> <li><a href="https://greensock.com/gsap/" rel="noopener noreferrer">gsap</a></li> </ul> javascript react nextjs webdev