Recreating my Portfolio in Next.js

I have recently started learning Next.js/React and I wanted to compare the speeds of Next.js and the framework I used to use previously: Flask (a Python framework).
So I decided to recreate my portfolio in Next.js (the portfolio was initially created i…


This content originally appeared on DEV Community and was authored by Medea

I have recently started learning Next.js/React and I wanted to compare the speeds of Next.js and the framework I used to use previously: Flask (a Python framework).
So I decided to recreate my portfolio in Next.js (the portfolio was initially created in Flask). This way I would be able to easily see the difference in load times between Next.js and Flask.

Over the last 4 days, I properly learnt how to do:

  • Components in React
  • Loops in React (this took a while!)
  • Assets in Next.js
  • How to put a Next.js website together

This is the Next.js Portfolio and this is the Flask Portfolio.
See the difference in load times!

If you want to see the source code for either portfolios, here they are.
Next.js Portfolio:


Flask Portfolio:

GitHub logo VulcanWM / VulcanWM

My profile page

đź’«About Me :

Hey 🙏, I'm VulcanWM

A 13 year old Web and Game Developer from the UK

- 🔭 I’m currently working on revamping my portfolio

đź’»Tech Stack

CSS3 HTML5 Python Swift JavaScript Flask MongoDB Jira

đź“ŠGitHub Stats :



Stats

image




Thanks for reading, and thanks for supporting me on my Next.js journey!


This content originally appeared on DEV Community and was authored by Medea


Print Share Comment Cite Upload Translate Updates
APA

Medea | Sciencx (2023-02-23T20:41:54+00:00) Recreating my Portfolio in Next.js. Retrieved from https://www.scien.cx/2023/02/23/recreating-my-portfolio-in-next-js/

MLA
" » Recreating my Portfolio in Next.js." Medea | Sciencx - Thursday February 23, 2023, https://www.scien.cx/2023/02/23/recreating-my-portfolio-in-next-js/
HARVARD
Medea | Sciencx Thursday February 23, 2023 » Recreating my Portfolio in Next.js., viewed ,<https://www.scien.cx/2023/02/23/recreating-my-portfolio-in-next-js/>
VANCOUVER
Medea | Sciencx - » Recreating my Portfolio in Next.js. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/02/23/recreating-my-portfolio-in-next-js/
CHICAGO
" » Recreating my Portfolio in Next.js." Medea | Sciencx - Accessed . https://www.scien.cx/2023/02/23/recreating-my-portfolio-in-next-js/
IEEE
" » Recreating my Portfolio in Next.js." Medea | Sciencx [Online]. Available: https://www.scien.cx/2023/02/23/recreating-my-portfolio-in-next-js/. [Accessed: ]
rf:citation
» Recreating my Portfolio in Next.js | Medea | Sciencx | https://www.scien.cx/2023/02/23/recreating-my-portfolio-in-next-js/ |

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.