Giter Club home page Giter Club logo

nobibi's Introduction

Nobibi

简体中文 | English

Nobibi 是一款轻量级开源社区,快速搭建属于自己的社区

关于 Nobibi

  • Nobibi 是一款轻量级开源社区,包含前后台
  • 前台考虑 SEO 使用 next.js + antd 服务端渲结构
  • 后台系统基于Ant Design Pro(react + dvajs + umijs)搭建开发
  • 后端接口为 koa+moogoose

快速开始

保证已启动 api 项目Nobibi-api

  1. Clone 项目
git clone https://github.com/seawind8888/Nobibi my-project
  1. 安装依赖
cd my-porject
npm install 或 yarn
  1. 运行项目
npm run start

相关项目

  • Nobibi-api - Nobibi 后台接口
  • Nobibi-admin - Nobibi 管理后台
  • Nobibi-taro - Nobibi 小程序(待开发)
  • Nobibi-nuxt - (待开发)

示例项目

请移步:http://47.244.103.124:3006/

效果演示

  • 前台 image image image
  • 管理后台 image

项目部署

保证已启动 api 项目Nobibi-api

  1. 修改.env 文件下配置
BASE_URL=http://yourapihost:port // 你的api的host地址
  1. 将项目除去 node_modules 压缩,上传到服务器
windows&mac有异同,请自行百度或科学Goo
  1. 在服务器项目目录下运行
npm run build && npm run start:pm2

技术选型

image

目录结构

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服务配置

功能模块

  • 注册
  • 登录(持久化)
  • 修改密码
  • 修改资料
  • 发布主题
  • 评论主题
  • 频道切换
  • 点赞
  • 响应式布局
  • 收藏
  • 分享(待开发)
  • 积分(待开发)

nobibi's People

Contributors

seawind8888 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.