Next.js Portfolio Template

Introduction

If you’re a developer, it’s important for you to have a personal portfolio website – especially when you’re applying for jobs.

After a few months of development, I have finally put together a multi-themed website that will grea…


This content originally appeared on DEV Community and was authored by Lasha Kakabadze

Introduction

If you're a developer, it's important for you to have a personal portfolio website – especially when you're applying for jobs.

After a few months of development, I have finally put together a multi-themed website that will greatly increase your chances of getting attention from recruiters.

Here is a link to my portfolio - https://www.adrinlol.com/

You can download the source code by going here - https://adrinlol.gumroad.com/l/cHsGL

You will find a detailed documentation inside the README fille on how to setup, make changes and run this website.

About the project

This template has several API calls, that is handled by the SWR (stale-while-revalidate), the list includes:

  • Medium's API to display my personal articles in this project.

  • Spotify's API to show the current track as well as display my top 20 songs of the week.

  • GitHub's API to highlight most popular of my open-source projects.

Technology stack

As for the technologies, here is a full list of libraries I'm using for this project:

  • Next.js

  • styled-components

  • swr

  • react-transition-group

Lighthouse results

It should come with no surprise that Next.js coupled with SWR is blazing fast, and the results are no surprise.
Image description


This content originally appeared on DEV Community and was authored by Lasha Kakabadze


Print Share Comment Cite Upload Translate Updates
APA

Lasha Kakabadze | Sciencx (2021-11-02T23:29:59+00:00) Next.js Portfolio Template. Retrieved from https://www.scien.cx/2021/11/02/next-js-portfolio-template/

MLA
" » Next.js Portfolio Template." Lasha Kakabadze | Sciencx - Tuesday November 2, 2021, https://www.scien.cx/2021/11/02/next-js-portfolio-template/
HARVARD
Lasha Kakabadze | Sciencx Tuesday November 2, 2021 » Next.js Portfolio Template., viewed ,<https://www.scien.cx/2021/11/02/next-js-portfolio-template/>
VANCOUVER
Lasha Kakabadze | Sciencx - » Next.js Portfolio Template. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/02/next-js-portfolio-template/
CHICAGO
" » Next.js Portfolio Template." Lasha Kakabadze | Sciencx - Accessed . https://www.scien.cx/2021/11/02/next-js-portfolio-template/
IEEE
" » Next.js Portfolio Template." Lasha Kakabadze | Sciencx [Online]. Available: https://www.scien.cx/2021/11/02/next-js-portfolio-template/. [Accessed: ]
rf:citation
» Next.js Portfolio Template | Lasha Kakabadze | Sciencx | https://www.scien.cx/2021/11/02/next-js-portfolio-template/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.