Recreating my Portfolio in Next.js

Medea - Feb 23 '23 - - Dev Community

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:

💫About Me :

Hey 🙏, I'm VulcanWM

A 15 year old Full Stack Developer from the UK

Languages and Tools

CSS3 GraphQL HTML5 JavaScript Python Swift TypeScript Heroku Netlify Vercel Expo Express.js Flask Next JS NPM NodeJS React React Native MongoDB

📊GitHub Stats :





trophy





Flask Portfolio:

💫About Me :

Hey 🙏, I'm VulcanWM

A 15 year old Full Stack Developer from the UK

Languages and Tools

CSS3 GraphQL HTML5 JavaScript Python Swift TypeScript Heroku Netlify Vercel Expo Express.js Flask Next JS NPM NodeJS React React Native MongoDB

📊GitHub Stats :





trophy






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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .