Giới thiệu

SonarQube security scan workflow diagram showing source code flowing through static analysis engine, security rules being applied per language, severity classification, and results consolidated in a central dashboard with issue tracking and assignment features, clean flat design with blue and green accent colors

#Testing#Authentication#Production

SonarQube Security: Bắt lỗi bảo mật trước khi lên production

SonarQube không chỉ check code quality nó còn là lớp bảo vệ đầu tiên chống lại SQL injection, XSS và hàng loạt lỗ hổng bảo mật nguy hiểm khác.

7 phút

#React#Zustand#State Management

FreeForm: Khi NVIDIA làm simulation vật lý nhanh hơn 100x

NVIDIA Research vừa công bố FreeForm một kỹ thuật simulation biến dạng vật thể real-time dựa trên particle skinning eigenmodes, nhanh hơn FEM truyền thống hàng trăm lần.

State Management trong React: Chọn đúng tool cho đúng việc

Từ useState đơn giản đến Zustand, TanStack Query khi nào dùng gì, tại sao, và những sai lầm mình từng mắc phải.

7 phút

Next.js là gì? Khi React SPA không còn đủ nữa

#Next.js#Authentication#Middleware

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.

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.

#TypeScript#Testing#Vitest

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 CSS#Shadcn UI#Next.js

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.

#Next.js#Deployment#Vercel

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.

8 phút

#Docker#Docker Compose#PostgreSQL

Docker Compose: Gom hết stack vào một file, deploy bằng một lệnh

Quản lý multi-container apps không còn đau đầu khi bạn biết dùng Docker Compose đúng cách từ syntax cơ bản đến healthcheck, named volumes và networking.