推荐!基于NestJS/NuxtJS的完整开源项目

点击上方 程序员成长指北&＃xff0c;关注公众号

回复1&＃xff0c;加入高级Node交流群

今天分享一款轻量级的基于 Node.js 的开源 CMS&＃xff0c;采用前后端分离开发模式&＃xff0c;集成了 API、后台管理、WEB 展示三个完整项目。开箱即是一套完整的企业网站&＃xff0c;适合企业、个人直接使用或二次开发。

API

API 使用 Node.js 服务端框架 NestJS&＃xff0c;实现了&＃xff1a;

• 首页 banner 增删改查&＃xff1b;

• 首页推荐产品改查&＃xff1b;

• 关于我们、联系我们改查&＃xff0c;网页标题&＃xff08;Title&＃xff09;和描述&＃xff08;Descriptiton&＃xff09;设置&＃xff1b;

• 产品分类增删改查&＃xff0c;网页标题&＃xff08;Title&＃xff09;和描述&＃xff08;Descriptiton&＃xff09;设置&＃xff0c;以及自定义路由&＃xff1b;

• 产品增删改查&＃xff0c;产品自定义路由&＃xff1b;

• 图片上传&＃xff1b;

• JWT 权限认证&＃xff1b;

• Swagger 输出 API 文档。

WEB

WEB 端使用 Vue.js 的框架 NuxtJS SSR渲染&＃xff0c;采用 Bootstrap-vue 完成响应式网页&＃xff0c;实现了&＃xff1a;

• SSR 服务端渲染&＃xff0c;全站伪静态&＃xff0c;增加搜索引擎收录机会&＃xff0c;有利于 SEO&＃xff1b;

• 生成静态 HTML 全站点&＃xff0c;方便布署且增加搜索引擎收录机会&＃xff0c;有利于 SEO&＃xff1b;

• 响应式网页设计&＃xff0c;可自动适配移动、PC 端。

后台管理

后台管理使用 Element UI &＃43; Vue.js 开发&＃xff0c;实现了&＃xff1a;

• 管理员登录 JWT 认证&＃xff1b;

• 管理员增删改查&＃xff1b;

• 首页 Banner 增删改查&＃xff1b;

• 首页产品推荐&＃xff1b;

• 产品分类管理&＃xff0c;自定义路由&＃xff1b;

• 产品管理&＃xff0c;自定义路由&＃xff1b;

• 关于我们/联系我们管理&＃xff1b;

• 图片上传功能&＃xff1b;

• 引入 自定义 CKeditor5 富文本编辑器&＃xff0c;图片上传增加 JWT 认证&＃xff0c;提升系统安全。

项目源码

• GitHub&＃xff1a;https://github.com/givebest/node-nest-vue-nuxt-cms

• Gitee&＃xff1a;https://gitee.com/givebest/node-nest-vue-nuxt-cms

文章转自: https://blog.givebest.cn/nodejs/2021/10/22/node.js-cms-based-nest.js-nuxt.js-vue.js.html

Node 社群

我组建了一个氛围特别好的 Node.js 社群&＃xff0c;里面有很多 Node.js小伙伴&＃xff0c;如果你对Node.js学习感兴趣的话&＃xff08;后续有计划也可以&＃xff09;&＃xff0c;我们可以一起进行Node.js相关的交流、学习、共建。下方加 考拉 好友回复「Node」即可。

   “分享、点赞、在看” 支持一波&＃x1f44d;