Why I Migrated My Portfolio to Next.js App Router
A technical deep-dive into why moving from a traditional React/Vite SPA to Next.js server-side rendering resulted in massive SEO and performance wins.
For the longest time, a standard Create React App or Vite setup was the default for building portfolios. However, as my freelance business grew, I hit a massive wall: SEO visibility.
The Problem with Client-Side Rendering
Search engines have gotten better at crawling JavaScript, but Client-Side Rendered (CSR) apps still suffer. Googlebot has to wait for JavaScript to download and execute before indexing.
Enter Next.js App Router
Migrating to the Next.js App Router solved this immediately. By utilizing Server Components, my HTML is generated on the server and sent to the browser fully formed.
- Instant First Contentful Paint (FCP)
- Dynamic Meta Tags
- Structured Data
If your site relies on organic traffic, moving away from a traditional SPA to a framework like Next.js is no longer optional—it is mandatory.
Tagged: