This is my optimized version of my previous portfolio called “PortfolioX 3D Web”. After the breakthrough of the NextJS framework, I got the idea of optimizing my previous 3D website with the capabilities of NextJS. Needless to say, NextJS has numerous useful optimization functionalities, including Client-Side Rendering (CSR), Server-Side Rendering (SSR), and Static Site Generation (SSG). In addition to that, the SEO supportiveness of NextJS caught my attention. Because my previous portfolio was so bulky and outdated, I started to migrate my portfolio from ViteJS to NextJS. It worked very well and achieved a speed index of 2.737s to 1.260s and increased SEO score from 49% to 53%.
Note: This portfolio is now actually outdated, and please visit my new portfolio (2D) for more details.