Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/givebest/node-nest-vue-nuxt-cms

The CMS system developed by nest.js based on node.js and nuxt.js based on vue.js is used to implement SSR(SEO)server-side rendering and generate static HTML, which is conducive to SEO.
https://github.com/givebest/node-nest-vue-nuxt-cms

cms nestjs nodejs nuxtjs ssr vue vuejs

Last synced: about 1 month ago
JSON representation

The CMS system developed by nest.js based on node.js and nuxt.js based on vue.js is used to implement SSR(SEO)server-side rendering and generate static HTML, which is conducive to SEO.

Awesome Lists containing this project

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/)
- Configuration: [config.default.ts](server/config/config.default.ts)

### CMS management

```bash
cd admin

npm install --legacy-peer-deps

# 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).