This is a lightweight Node.js-based open source CMS. It adopts a separate development model for front and back ends, and integrates three complete projects: API, background management, and WEB display. Out of the box is a complete set of corporate websites, suitable for direct use or secondary development by companies and individuals.
API
API uses Node.js server-side framework NestJS to achieve:
- Add, delete, modify and check the homepage banner;
- Homepage recommended product review;
- About us, contact us to check, page title (Title) and description (Descriptiton) settings;
- Add, delete and modify product categories, set the page title (Title) and description (Descriptiton), and customize routing;
- Product additions, deletions, modifications, and product custom routing;
- upload picture;
- JWT authority authentication;
- Swagger outputs API documentation.
WEB
The WEB side uses the Vue.js framework NuxtJS SSR rendering, and uses Bootstrap-vue complete the responsive web page, achieving:
- SSR server-side rendering, the whole site is pseudo-static, which increases the chance of inclusion in search engines, which is conducive to SEO;
- Generate static HTML full site to facilitate deployment and increase the chance of inclusion in search engines, which is conducive to SEO;
- Responsive web design, which can automatically adapt to mobile and PC terminals.
Backstage management
The back-end management is developed using Element UI + Vue.js to achieve:
- Administrator login JWT authentication;
- The administrator adds, deletes, changes, and checks;
- Add, delete, modify and check the homepage banner;
- Home product recommendation;
- Product classification management, custom routing;
- Product management, custom routing;
- About us/contact us management;
- Picture upload function;
- Introduce a custom CKeditor5 rich text editor, add JWT authentication for image upload, and improve system security.
Project source code
- GitHub:https://github.com/givebest/node-nest-vue-nuxt-cms
- Gitee:https://gitee.com/givebest/node-nest-vue-nuxt-cms
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。