Nuxtify

面向生产型 SSR 站点的 Nuxt 3 脚手架,预置请求层、状态持久化、内容 SEO、UI 体系与 Node / PM2 部署链路。

开源WebSSR脚手架Nuxt 3Vue 3TypeScriptPiniaUnoCSSNuxt ContentArco DesignPM2开源项目
Nuxtify作品图片
ENGINEERING HIGHLIGHTS

难点与亮点

01

SSR 请求层

基于 $fetch 封装 useHttp 组合式 API,配合 runtimeConfig 统一处理环境参数与服务端请求。

02

状态可持久化

集成 Pinia 与 pinia-plugin-persistedstate,提供可直接复用的全局状态和客户端持久化基础。

03

内容与 SEO 就绪

整合 Nuxt Content 与动态 Sitemap,支持内容驱动页面和可被搜索引擎发现的路由输出。

04

从开发到部署

提供多环境配置、GZIP 压缩、Dockerfile 与 PM2 cluster 配置,打通 Nuxt 产物的服务端运行链路。

项目定位

Nuxtify 面向需要 SSR、内容发布与 SEO 的业务站点,把新项目反复搭建的请求层、状态管理、样式体系、内容模块和部署配置统一收敛到一套 Nuxt 3 约定中。它解决的不只是“快速创建项目”,而是从开发、内容组织到服务端部署的基础链路。

核心能力

  • 封装基于 $fetch 的 useHttp 组合式 API,并使用 runtimeConfig 区分公开与服务端环境参数,为 SSR 场景提供统一的数据请求入口。
  • 通过 Pinia 与 persistedstate 支持全局状态及持久化,同时预留 plugins、middleware、server 和 composables 等 Nuxt 标准分层。
  • 集成 UnoCSS、Arco Design 与组件自动引入,并内置 VueUse、Lodash、Lottie 和 DPlayer 等常用能力。
  • 通过 Nuxt Content 承载内容页面,配合 Sitemap 动态生成增强搜索友好性。

工程与交付

脚手架包含 development、test 和 production 多环境配置,提供 typecheck、ESLint、Prettier、Husky 与 lint-staged 质量检查;构建阶段支持 GZIP 压缩与产物分析,产物可直接使用 Node 启动,也可通过 PM2 cluster 或 Docker 进入部署环境。

相关链接