为什么选择 Nuxt 3？

对于陛星的门户网站，我们有着明确的技术指标：首屏加载速度 (FCP) < 1s，SEO 友好，以及极致的开发体验。在评估了 React/Next.js 与 Vue/Nuxt 之后，我们选择了后者。

核心优势

1. 混合渲染模式 (Hybrid Rendering)

Nuxt 3 允许我们为不同的路由配置不同的渲染策略。对于首页和营销页，我们可以使用 SSG (静态生成) 或 SWR (Stale-While-Revalidate) 策略，确保极快的响应速度；而对于动态交互较多的表单页，则可以使用 CSR (客户端渲染)。

2. 自动化导入 (Auto Imports)

Nuxt 的自动导入功能极大地减少了样板代码。我们不需要在每个文件中手动 import { ref, computed } from 'vue'，这让代码更加简洁易读。

3. Nuxt Content 模块

正如您现在看到的这篇文章，它完全是由 Markdown 文件驱动的。@nuxt/content 模块让我们能够像管理代码一样管理内容，同时享受 Vue 组件带来的灵活性。

架构概览

我们的技术栈非常精简：

• 框架: Nuxt 3
• 样式: Tailwind CSS
• 图标: Lucide Vue
• 部署: Vercel Edge Network

这种组合保证了我们在保持极简架构的同时，不牺牲任何性能与扩展性。