推薦!基于 NestJS/NuxtJS 的完整開源項(xiàng)目

關(guān)注并將「趣談前端」設(shè)為星標(biāo)

每天定時(shí)分享技術(shù)干貨/優(yōu)秀開源/技術(shù)思維

今天分享一款輕量級(jí)的基于 Node.js 的開源 CMS，采用前后端分離開發(fā)模式，集成了 API、后臺(tái)管理、WEB 展示三個(gè)完整項(xiàng)目。開箱即是一套完整的企業(yè)網(wǎng)站，適合企業(yè)、個(gè)人直接使用或二次開發(fā)。

API

API 使用 Node.js 服務(wù)端框架?NestJS，實(shí)現(xiàn)了：

• 首頁 banner 增刪改查；
• 首頁推薦產(chǎn)品改查；
• 關(guān)于我們、聯(lián)系我們改查，網(wǎng)頁標(biāo)題（Title）和描述（Descriptiton）設(shè)置；
• 產(chǎn)品分類增刪改查，網(wǎng)頁標(biāo)題（Title）和描述（Descriptiton）設(shè)置，以及自定義路由；
• 產(chǎn)品增刪改查，產(chǎn)品自定義路由；
• 圖片上傳；
• JWT 權(quán)限認(rèn)證；
• Swagger 輸出 API 文檔。

WEB

WEB 端使用 Vue.js 的框架?NuxtJS?SSR渲染，采用?Bootstrap-vue?完成響應(yīng)式網(wǎng)頁，實(shí)現(xiàn)了：

• SSR 服務(wù)端渲染，全站偽靜態(tài)，增加搜索引擎收錄機(jī)會(huì)，有利于 SEO；
• 生成靜態(tài) HTML 全站點(diǎn)，方便布署且增加搜索引擎收錄機(jī)會(huì)，有利于 SEO；
• 響應(yīng)式網(wǎng)頁設(shè)計(jì)，可自動(dòng)適配移動(dòng)、PC 端。

后臺(tái)管理

后臺(tái)管理使用?Element UI?+ Vue.js 開發(fā)，實(shí)現(xiàn)了：

• 管理員登錄 JWT 認(rèn)證；
• 管理員增刪改查；
• 首頁 Banner 增刪改查；
• 首頁產(chǎn)品推薦；
• 產(chǎn)品分類管理，自定義路由；
• 產(chǎn)品管理，自定義路由；
• 關(guān)于我們/聯(lián)系我們管理；
• 圖片上傳功能；
• 引入 自定義 CKeditor5 富文本編輯器，圖片上傳增加 JWT 認(rèn)證，提升系統(tǒng)安全。

項(xiàng)目源碼

• GitHub：https://github.com/givebest/node-nest-vue-nuxt-cms
• Gitee：https://gitee.com/givebest/node-nest-vue-nuxt-cms

文章轉(zhuǎn)自: https://blog.givebest.cn/nodejs/2021/10/22/node.js-cms-based-nest.js-nuxt.js-vue.js.html

更多推薦

前端推薦!3分鐘帶你了解開源圖片編輯器iDraw.js

推薦!使用H5-Dooring快速搭建智能汽車移動(dòng)端站點(diǎn)

lerna + dumi + eslint多包管理實(shí)踐

動(dòng)態(tài)刻度可視化組件實(shí)現(xiàn)

從零開發(fā)一款輕量級(jí)滑動(dòng)驗(yàn)證碼插件(深度復(fù)盤)

從零搭建全棧可視化大屏制作平臺(tái)V6.Dooring