Nuxt3 SSR 实战·目录
📚 30章
从入门到部署
01
Nuxt3初探
SSR · 核心优势 · 与Nuxt2区别 · 初始化
➜
02
项目结构解析
目录 · pages路由 · 自动导入 · public
➜
03
路由系统详解
文件路由 · 动态/嵌套 · 中间件 · 验证
➜
04
页面与布局
pages · layouts · error · app.vue
➜
05
组件开发
组合式API · 通信 · 异步 · 客户端/服务端
➜
06
数据获取
useFetch · useAsyncData · $fetch · 缓存
➜
07
状态管理
useState · Pinia · 服务端同步 · 持久化
➜
08
插件与模块
插件机制 · @nuxt/image · 自定义模块
➜
09
内容管理
@nuxt/content · Markdown · 文件系统
➜
10
API开发
server/api · routes · 中间件 · 响应
➜
11
认证与授权
session/JWT · OAuth · 路由守卫
➜
12
数据库集成
Prisma · SQLite/PostgreSQL · CRUD
➜
13
表单处理
VeeValidate/Zod · 服务端验证 · CSRF · 上传
➜
14
国际化
@nuxtjs/i18n · 语言切换 · SEO多语言
➜
15
SEO优化
useHead · meta · Open Graph · sitemap
➜
16
性能优化
代码分割 · 懒加载 · 缓存 · 图片优化
➜
17
测试
Vitest · 组件测试 · Playwright · 覆盖率
➜
18
构建与打包
nuxt build/generate · 环境变量 · 配置
➜
19
部署准备
环境配置 · 日志 · 监控 · 安全加固
➜
20
Vercel部署
平台配置 · 自动部署 · 自定义域名 · Serverless
➜
21
Netlify部署
配置 · 重定向 · 表单 · Edge Functions
➜
22
Docker部署
Dockerfile · compose · 多阶段 · 容器化
➜
23
PM2部署
PM2配置 · 进程管理 · 负载均衡 · 自动重启
➜
24
Nginx反向代理
Nginx配置 · SSL · 负载均衡 · 缓存
➜
25
CI/CD集成
GitHub Actions · 自动测试/部署 · 回滚
➜
26
SSR与CSR混合模式
混合渲染 · 静态生成 · 按需渲染
➜
27
WebSocket集成
Socket.io · 实时通信 · 服务端推送
➜
28
微前端集成
Module Federation · qiankun · 共享组件
➜
29
大型项目架构
Monorepo · 代码规范 · Git工作流 · 文档
➜
30
实战项目
全栈博客 · 需求/架构/开发/测试/部署
➜