一套实现 SSR 服务端渲染的 CMS 系统,适合企业搭建SEO型网站!
推荐关注
责编:猿哥 | 来源:GitHub猿 整理
上次是谁要的系统项目啊,猿哥帮你找到了。
📚 项目介绍
🔥本项目系统是一款使用 nest.js 基于 node.js 和 nuxt.js 基于 vue.js 开发的 CMS 系统,实现 SSR 服务端渲染,且可生成静态HTML,有利于SEO。适合企业搭建SEO型网站。扩展:接私活
开始使用
MySql
创建
nest_cms_api
表;使用 MySql 命令或者管理软件导入
DB
目录下的.sql
文件。
CMS API
cd servernpm install
# 开发
$ npm run start
# 开发监听模式
$ npm run start:dev
# 生产模式
$ npm run start:prod
查看: http://localhost:3000/
API 文档: http://localhost:3000/api/
另外,搜索公众号技术社区后台回复“壁纸”,获取一份惊喜礼包。
项目配置: config.default.ts
CMS 管理系统
cd adminnpm install
# 开发模式
npm run dev
# 构建
npm run build:stage
npm run build:prod
查看: http://localhost:3002/
CMS web
cd webnpm install
# 开发模式
$ npm run dev
# 构建生产环境并启动服务
$ npm run build
$ npm run start
# 生成静态项目
$ npm run generate
查看:http://localhost:3001/
特色
NestJS + MySql 输出 API。
API 调用敏感操作记录 IP、管理员及客户端信息。
Nuxtjs 实现 Vue SSR 服务端渲染 (SEO)。
NuxtJS + Vue + Bootstrap-vue 实现整站生成 HTML 静态网站 (SEO)。
Element UI + Vue 实现 CMS 系统管理。
前后端分离开发。
JWT 身份认证。
商品分类支持自定义路由和网页描述 (SEO)。
产品名称支持自定义路由和网页描述 (SEO)。
响应式网页,适配 PC 端和移动端。
截图
CMS web
CMS 管理
CMS API
最后,想学习这个项目的可以查看项目地址:
项目源码,怎么领取?
扫码下方二维码,后台回复【SEO】即可获取所有系统
在 GitHub猿 还有更多优质项目系统学习资源,欢迎分享给其他同学吧!
猿哥个人微信
添加猿哥个人微信即送一份惊喜大礼包
→ 技术资料共享
→ 技术交流社群
最近,GitHub猿建了一个「GitHub猿交流群」,欢迎大家一起交流优秀开源项目,也可以宣传自己的开源项目,在 「GitHub猿」公众号后台回复【加群】邀请你入群。