Recreating my Portfolio in Next.js

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 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!

Total
0
Shares
Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Post
how-to-track-user-sentiment-vs.-user-behavior-in-your-content

How to Track User Sentiment vs. User Behavior in Your Content

Next Post
8-methods-to-writing-creative-email-subject-lines-[with-72-examples]

8 Methods to Writing Creative Email Subject Lines [With 72 Examples]

Related Posts
irremote-程式庫搭配-adafruit-neopoxel-程式庫的問題

IRRemote 程式庫搭配 Adafruit_NeoPoxel 程式庫的問題

IRremote 是大家使用紅外線遙控實驗最常用的程式庫,由於接收紅外線遙控器訊號與時間極度相關,如果你的程式中有耗時較久的動作,就可能會影響到紅外線訊號接收的正確性。舉例來說,像是大家愛用的 WS2812B 燈串,串接越多顆燈,傳輸所有燈顏色的資料所耗的時間就越久,以底下這個採用 Adafruit_NeoPixel 程式庫顯示呼吸燈效果的程式為例: #include #include #include #define DECODE_NEC Adafruit_NeoPixel leds=Adafruit_NeoPixel(16, 7); void setup() { Serial.begin(115200);…
Read More