Phase 11 · Next.js

Projects

Portfolio

Part of the Frontend Developer Roadmap.

Summary

A personal portfolio rebuilt in Next.js — practice for the App Router, metadata, image optimization and deploying a real production site.

How to Learn This

  • 1Use SSG for your project pages since the content rarely changes.
  • 2Add proper metadata and Open Graph tags for link previews.
  • 3Deploy it live on Vercel with a custom domain if you have one.

More projects in Next.js

InsideEdge

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — free on the InsideEdge app.

Download
InsideEdge