hd996 / nuxt3-demo

Nuxt3 Demo

Nuxt3 Demo

nuxt3 demo

集成功能列表

• Saas
• ESLint + Prettier
• Element Plus
• I18n
• 数据库
• 多环境部署

开发

导入 init.sql

$ yarn install
$ yarn dev

# 健康检查
$ curl http://localhost:3000/api/health
# 数据库API接口
$ curl http://localhost:3000/api/user

上线

• 参考 Dockerfile，我部署使用的是 Kubernetes

你可能遇到的问题 & 解决方案

• I18n
• Nuxt3 I18n Discussions
• Element Plus
• 静态资源CDN
• 环境配置
  • 可以参考 config 目录以及 server/db.ts 中的使用
  • 在 Dockerfile 注入 NODE_ENV 变量，确保打包时的环境变量和上线后统一
• 数据库: 使用的是 Sequelize ，如果使用 Typeorm 可能在配置 entities 有问题，所以也没有尝试使用

相关链接

• 色彩方案
  • 在 assets/scss/_var.scss 下有根据主色生成的色阶，可以通过我写的色彩方案生成，参考 Ant Design 的代码，喜欢的帮忙点个 Star
• Nuxt3

最后要说的话

• 目前 Nuxt3 仍存在很多问题，包括相关配套工具的没有适配，不建议此时放到生产环境，但如果是一些比较简单的项目，我倒觉得可以试一试
• 喜欢的帮忙点个 Star