# node-nest-vue-nuxt-cms

**Repository Path**: jnny_cn/node-nest-vue-nuxt-cms

## Basic Information

- **Project Name**: node-nest-vue-nuxt-cms
- **Description**: 使用 nest.js 基于 node.js 和 nuxt.js 基于 vue.js 开发的 CMS 系统，实现 SSR 服务端渲染，且可生成静态HTML，有利于SEO。适合企业搭建SEO型网站。
- **Primary Language**: NodeJS
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 247
- **Created**: 2022-01-10
- **Last Updated**: 2022-01-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# GiiBee CMS

> The CMS system developed by nest.js based on node.js and nuxt.js based on vue.js is used to implement SSR server-side rendering and generate static HTML, which is conducive to SEO.Suitable for enterprises to build SEO-type websites.


English | [简体中文](./README.zh-CN.md)


## Getting started

### MySql

1. Create the `nest_cms_api` table;

2. Use MySql command or management software to import the `.sql` file in the `DB` directory.

### CMS API server

```bash
cd server

npm install 

# development
$ npm run start

# watch mode
$ npm run start:dev

# production mode
$ npm run start:prod
```

* Serve: [http://localhost:3000/](http://localhost:3000/)
* API documentation: [http://localhost:3000/api/](http://localhost:3000/api/)

### CMS management

```bash
cd admin

npm install 

# serve with hot reload at localhost:3002
npm run dev

# build for production and launch server

npm run build:stage

npm run build:prod
```

* Serve: [http://localhost:3002/](http://localhost:3002/)


### CMS web

```bash
cd web

npm install 

# development
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate
```

* Serve: [http://localhost:3001/](http://localhost:3001/)


## Features

* NestJS + MySql output API.
* API calls sensitive operation records IP, administrator and client information.
* NuxtJS + Vue + Bootstrap-vue can generate static HTML for the whole site (SEO).
* Nuxtjs vue implements SSR server-side rendering (SEO).
* Element UI + Vue realizes CMS management.
* Front-end and back-end separation.
* JWT authentication.
* Commodity classification supports custom routing and web page description (SEO).
* Product name supports custom routing and web page description (SEO).
* Responsive web pages, adapted to PC and mobile terminals.

## screenshot

### CMS web
![home](screenshot/web/mobile-home.png)    

![home](screenshot/web/home.jpg)    

![product](screenshot/web/mobile-product.png)    

![product](screenshot/web/product.jpg)    

![about](screenshot/web/mobile-about.png)    
![about](screenshot/web/about.jpg)    

### CMS management

![banner](screenshot/admin/banner.png)    

![product](screenshot/admin/product-create.png)    

![product](screenshot/admin/product.png)    

### CMS  API

![API](screenshot/server/api.jpg)    

## License

[Apache License 2.0](LICENSE).