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 認證,提升系統安全。

項目源碼

轉載請註明出處: //blog.givebest.cn/nodejs/2021/10/22/node.js-cms-based-nest.js-nuxt.js-vue.js.html