Go Back

Xây dựng Portfolio với Next.js 15

10 tháng 6, 20265 min readAnnam Nguyen

Giới thiệu


Next.js 15 với App Router mang đến những cải tiến đáng kể cho việc xây dựng website hiện đại. Trong bài viết này, tôi sẽ chia sẻ cách tôi xây dựng portfolio cá nhân với Next.js 15.


Tại sao chọn Next.js?


  • **Server Components**: Giảm JavaScript phía client, tăng performance
  • **SEO tốt nhất**: Built-in metadata API, sitemap, robots.txt
  • **Streaming**: Progressive rendering với Suspense
  • **Image Optimization**: Tự động WebP/AVIF

    • Tech Stack


    Tôi sử dụng stack hiện đại:

  • Next.js 15 (App Router)
  • TypeScript
  • Tailwind CSS v4
  • Framer Motion
  • next-intl (i18n)
  • next-themes (dark mode)

    • Kết luận


    Next.js 15 là lựa chọn tuyệt vời cho portfolio developer. Performance tốt, SEO mạnh, và developer experience xuất sắc.


    Share: