使用Express和Nuxt实现一个对SEO友好的CMS系统

写在前面

cms是我们常用的应用，管理系统、公司官网管理。

vue提供nuxt框架实现服务端渲染，大大满足了对SEO有需求应用解决方案

LightCMS

LightCMS采用前后端分离的模式，数据使用express提供restful接口。mongodb作为持久化数据库前端使用nuxt实现服务端渲染。

参考

Light开发说明

API服务

Node/Npm/Express
Mongodb

前端仕途

Vue/Nuxt/Vuex

开发

backpack整合express和nuxt

安装开发

git clone https://github.com/beyondouyuan/LightCMS.git
# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm start

目录结构

    /api
        /admin                  管理后台相关api
        /web                    前台相关api
        ...                     前端调用api入口
    /components
                                组件
    /cofig
        *.js                    配置
        ...
    /layouts                    nuxt布局相关
    /logs                       log4js日志
    /middlewares
        *.js                    nuxt校验中间件
        ...
    /pages
        **                      nuxt路由系统即页面
        /admin                  管理后台仕途
        ...                     前台视图
        ...
    /plugins                    nuxt插件配置入口
    /server                     服务端
        /api                    restful api 入口
            /admin              管理后台使用的api
            /web                前台使用的api
        /controllers            控制器
        /middleware             服务端校验
        /models                 mongodb模型
        /utils                  服务端工具库
        /index.js               服务端入口                    
    /store                      Vuex配置
    /utils
        *.js                    公用工具函数
        ...