Nuxt 3 入门笔记

Nuxt 3 初体验

Nuxt 3 是一个基于 Vue 3 的全栈框架，提供了开箱即用的开发体验。

为什么选择 Nuxt 3

• 文件路由：pages/ 目录自动生成路由
• API Routes：server/api/ 目录自动生成 API
• SSR/SSG：服务端渲染和静态生成开箱即用
• TypeScript：原生支持类型系统

项目结构

my-site/
├── pages/        # 页面路由
├── server/       # API 与中间件
│   └── api/      # API 端点
├── components/   # 组件
├── layouts/      # 布局
└── prisma/       # 数据库模型

小结

Nuxt 3 的 全栈一体 设计非常适合个人项目，减少了前后端分离带来的复杂度。