介绍

⭐⭐⭐⭐⭐

一直想学习服务端渲染，趁这次重做博客的机会必须得安排上，作为Vue的深度使用者，Nuxt3 自然就成了不二之选。

技术栈

该博客构建于2023年，采用当下比较热门的前沿技术，了解并熟悉使用到的技术栈，能让你在开发过程中更加得心应手。

• Nuxt 3
• Naive UI

什么是SSR

SSR全称是 Server-Side Rendering，即服务端渲染。与客户端渲染 CSR（Client-Side Rendering）不同的是，SSR输出的是一个渲染完成的HTML，整个渲染过程是在服务器端进行的。 用户访问网址后得到的是一个完全呈现的 HTML 页面，其中包含网站所需的所有信息，无需等待任何 JavaScript 或 CSS 文件加载。搜索引擎爬虫可以直接看到完全渲染的页面，也有利于网页搜索引擎优化，即 SEO。
此类技术方案较为熟知是 React 技术栈对应的Next.js 框架以及 Vue 技术栈对应的Nuxt.js 框架。
其中Nuxt3是基于Vue3发布的SSR框架，也是Vue全家桶系列的一员。

Nuxt3的优势

1. 全面拥抱 Vue3
2. 全面支持 TypeScript
3. 自动导入与引用（包括 Vue3 的 setup 语法）
4. 支持所有渲染模式和所有环境
5. 充分支持Vue生态系统（如：Vite、Pinia）

特点：
--- 基于目录结构约定式开发
--- 允许使用路由规则为每个路由使用不同的渲染模式或缓存策略

截图预览

---

---

预览地址

理想三旬博客