#Next.js
27 bài viết
Next.js là gì? Tại sao React SPA không còn đủ nữa
Từ empty div SEO-unfriendly đến full-stack framework với SSR, file-based routing và Server Components hành trình chuyển từ React SPA sang Next.js.
Next.js App Router: File-based Routing từ A đến Z
Deep-dive vào routing system của Next.js App Router từ file conventions, nested layouts đến dynamic routes và metadata API.
Server vs Client Components: Đặt 'use client' đúng chỗ hay hối hận cả đời
Ranh giới giữa Server và Client Components là thứ quyết định app Next.js của bạn nhanh hay chậm, gọn hay nặng nề.
Data Fetching trong Next.js: Server Actions, Cache và Revalidation
Từ server fetch, 'use cache', Server Actions đến TanStack Query tất cả patterns bạn cần để xử lý data đúng cách trong Next.js.
Auth trong Next.js: Middleware, Cookie và mấy thứ không ai nói cho bạn
Implement authentication flow trong Next.js từ middleware đến protected routes, cookie-based session và chọn auth library phù hợp.
Testing & Type Safety trong Next.js: Setup pipeline bài bản từ đầu
Từ TypeScript strict mode đến Playwright E2E cách mình setup một testing pipeline hoàn chỉnh cho dự án Next.js production.
Tailwind v4 + Shadcn UI: Xây Design System cho Next.js từ A đến Z
Từ CSS-first config của Tailwind v4 đến copy-paste components của Shadcn cách mình setup styling layer cho mọi dự án Next.js.
Deploy Next.js lên Production: Từ git push đến monitoring thực tế
Bài cuối series React → Next.js: tất cả những gì cần biết để đưa app lên production an toàn, từ Vercel đến self-hosted Docker.
Next.js 16 âm thầm phá app mình ở 4 chỗ không có lỗi nào cả
Upgrade lên Next.js 16 tưởng ngon, ai ngờ app chạy sai mà console sạch bóng. Đây là 4 chỗ mình bị dính và cách fix.
Nuxt SaaS Template: Khởi động dự án SaaS trong vài phút
Một template SaaS đầy đủ với landing page, pricing, docs và blog built sẵn với Nuxt UI và Nuxt Content.
Satus: Next.js starter kit đáng dùng nhất cho content-driven sites
Darkroom Engineering open-source một Next.js starter cực kỳ bài bản. Cùng mình review kỹ xem nó có thực sự xứng đáng không.
KanaDojo: Khi dev làm app học tiếng Nhật đẹp như Monkeytype
Đào sâu vào KanaDojo - nền tảng học tiếng Nhật open-source xây bằng Next.js, lấy cảm hứng từ Duolingo và Monkeytype. Codebase sạch, DX tốt, và cực kỳ thân thiện với contributor mới.