GiiBee CMS

Использование системы CMS, разработанной на основе Nest.js для node.js и Nuxt.js для Vue.js, реализующей SSR (Server Side Rendering) серверный рендеринг и способной генерировать статический HTML, что благоприятствует SEO (поисковой оптимизации). Подходит для создания SEO-ориентированных корпоративных веб-сайтов.

Начало использования

• MySql:

  1. Создайте таблицу nest_cms_api.
  2. Импортируйте файл .sql из каталога DB с помощью команды MySql или инструмента управления.

• CMS API:

cd server
npm 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 admin
npm install 

# Режим разработки:
npm run dev

# Сборка:

npm run build:stage

npm run build:prod

• Проверьте: http://localhost:3002/

• Веб-сайт CMS:

cd web
npm 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).
• Адаптивный веб-сайт для ПК и мобильных устройств.

Скриншоты

• Веб-сайт CMS:

  • Мобильная домашняя страница:
  • Домашняя страница:
  • Страница продукта на мобильном устройстве:
  • Страница продукта:
  • О компании на мобильном устройстве:
  • О компании:

• Система управления CMS:

  • Баннер:
  • Создание продукта:
  • Продукт:

• CMS API:

  • API:

Лицензия Apache License 2.0.