Nuxt 4
Học Nuxt 4 — cấu trúc app/ mới, smarter data fetching, hybrid rendering, Nitro server.
Nuxt 4 là gì?
Nuxt 4 = meta-framework xây trên Vue 3, release 07/2025 — stable. Kèm sẵn:
- Cấu trúc
app/mới, tách config khỏi code. - File-based routing, SSR/SSG/SPA/Hybrid.
- Server engine Nitro — API route trong cùng project.
- Auto-import composable + component.
- TypeScript chia 3 project (app/server/shared).
- Smarter data fetching (auto share, auto cleanup).
Lộ trình section
| Trang | Nội dung |
|---|---|
| 1. Giới thiệu & Cài đặt | Nuxt 4 mới, Nuxt 3 vs 4, install, nuxt.config, auto-import |
| 2. Routing & Rendering | File routing, layouts, middleware, SSR/SSG/ISR/SWR/SPA, routeRules |
| 3. Data & Server | useFetch, useAsyncData, $fetch, state, Pinia, Nitro API routes, file upload |
| 4. Câu hỏi phỏng vấn | 65+ Q&A Nuxt 4 cho dev frontend/fullstack |
| 5. Practical Todo App | Hands-on: xay dung Todo App hoan chinh voi Nuxt 4 — composables, useState, TypeScript, localStorage |
Khi nào chọn Nuxt?
SEO + dynamic content
Marketing site, blog, e-commerce, SaaS public — SSR/SSG/ISR đều mạnh.
Fullstack với Nitro
API route trong cùng project. Không cần backend server riêng cho project nhỏ–vừa.
Deploy đâu cũng được
Vercel, Cloudflare, Netlify, Node, Bun, Deno, AWS Lambda — Nitro tự adapt.
Vue ecosystem
Vue 3 reactivity tuyệt, syntax thân thiện, ít boilerplate hơn React/Next.
Bắt đầu: Giới thiệu & Cài đặt Nuxt 4.