Nobibi

Nobibi

Simplified Chinese | English

Nobibi is a lightweight open source community that quickly builds its own community

The ts version has been updated. For the original js version, please visit: https://github.com/seawind8888/Nobibi/tree/js

About Nobibi

• Nobibi is a lightweight open source community with front and back offices
• Foreground considers SEO using next.js + antd server-side rendering structure
• The background system is built and developed based on Ant Design Pro (react + dvajs + umijs)
• The backend interface is koa+moogoose

Start quickly

Ensure that the API project Nobibi-api has been started

1. Clone Project

 git clone https://github.com/seawind8888/Nobibi my-project

2. Installation dependencies

 cd my-porject
npm install 或 yarn

3. Run the project

 npm run start

Related projects

• Nobibi-api - Nobibi backend interface
• Nobibi-admin - Nobibi management backend
• Nobibi-taro - Nobibi applet (to be developed)
• Nobibi-nuxt - (To be developed)

Sample Project

Please move: http://47.244.103.124:3006/

Effect demonstration

• front desk
• Management backend

Project deployment

Ensure that the API project Nobibi-api has been started

1. Modify the configuration under the .env file

 BASE_URL=http://yourapihost:port // 你的api的host地址

2. Remove node_modules compression of the project and upload it to the server

 windows&mac有异同，请自行百度或科学Goo

3. Run in the server project directory

 npm run build && npm run pm2

Technical selection

Directory structure

 ant - cms - admin
├── api /
│ ├── index . js /         # 接口部分
├── assets /             # less目录
├── components /         # 组件目录
├── constatns /
│ ├── ActionTypes . js /   # redux - sage action - type
│ ├── ConstTypes . js /    # next 页面title 配置
│ └── CustomTheme . js    # 主题样式配置
├── pages               # 主页面
│ ├── _app . js /          # App根组件自定义
│ ├── _document . js /     # document组件自定义
├── redux               # redux目录
├── static              # 静态资源引用目录
├── . editorconfig       # 编辑器配置
├── . eslintrc           # ESlint配置
├── . gitignore          # Git忽略文件配置
├── . prettierignore     # Prettier忽略文件配置
├── . prettierrc         # Prettier配置
├── next . config . js      # next配置
├── pm2 . config . js       # pm2配置
├── server              # next服务配置

Functional module

• register
• Login (persistence)
• Modify password
• Modify information
• Post a topic
• Comment topic
• Channel switching
• Like
• Responsive layout
• collect
• Share (to be developed)
• Points (to be developed)