Node.js CMS——基於 NestJS/NuxtJS 的完整開源項目
這是一款輕量級的基於 Node.js 的開源 CMS,採用前後端分離開發模式,集成了 API、後台管理、WEB 展示三個完整項目。開箱即是一套完整的企業網站,適合企業、個人直接使用或二次開發。
API
API 使用 Node.js 服務端框架 NestJS,實現了:
- 首頁 banner 增刪改查;
- 首頁推薦產品改查;
- 關於我們、聯繫我們改查,網頁標題(Title)和描述(Descriptiton)設置;
- 產品分類增刪改查,網頁標題(Title)和描述(Descriptiton)設置,以及自定義路由;
- 產品增刪改查,產品自定義路由;
- 圖片上傳;
- JWT 權限認證;
- Swagger 輸出 API 文檔。
WEB
WEB 端使用 Vue.js 的框架 NuxtJS SSR渲染,採用 Bootstrap-vue 完成響應式網頁,實現了:
- SSR 服務端渲染,全站偽靜態,增加搜索引擎收錄機會,有利於 SEO;
- 生成靜態 HTML 全站點,方便布署且增加搜索引擎收錄機會,有利於 SEO;
- 響應式網頁設計,可自動適配移動、PC 端。
後台管理
後台管理使用 Element UI + Vue.js 開發,實現了:
- 管理員登錄 JWT 認證;
- 管理員增刪改查;
- 首頁 Banner 增刪改查;
- 首頁產品推薦;
- 產品分類管理,自定義路由;
- 產品管理,自定義路由;
- 關於我們/聯繫我們管理;
- 圖片上傳功能;
- 引入 自定義 CKeditor5 富文本編輯器,圖片上傳增加 JWT 認證,提升系統安全。
項目源碼
- GitHub://github.com/givebest/node-nest-vue-nuxt-cms
- Gitee://gitee.com/givebest/node-nest-vue-nuxt-cms