my-blog

KO | EN

gitlite — search

#javascript #python #llm #golang #go #android #rust #deep-learning #macos #kubernetes #awesome-list #mcp #ios #open-source

(★ 9)

个人博客项目，项目采用next服务端渲染技术，并采用 Node+ MongoDB 辅助搭建后台

my-blog Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# next-react-mobx-antd-boilerplate

UI框架方面，集成了 <https://ant.design/index-cn>

# 基础功能

1 next

2 react

3 mobx 状态管理机，支持多 stores 文件

4 axios 请求和响应拦截器

5 antd UI应用

6 懒加载

7 css,less,image 加载

8 env多环境配置

# 开发坏境启动

1 npm install

2 启动Next服务：npm run dev

3 启动Node服务(后台接口)：npm run server

4 浏览器打开 http://localhost:3000

# 生产坏境部署

1 npm run build

2 npm run start

# 项目目录结构
``` lua
next-react-ssr
├─.next                     ----项目编译目录
├─asserts                   ----项目资源文件目录
├─components                ----项目公用组件目录
├─utils                     ----工具类JavaScript
├─config                    ----项目请求路径配置
├─env                       ----环境变量配置
├─pages                     ----路由页面
├─seo                       ----SEO优化配置
├─server                    ----node后台接口服务器
├─server.js                 ----node服务器启动文件（接口&next同启动）
├─next.config.js            ----next配置文件
├─router.js                 ----next服务端路由文件
├─MongoDB                   ----项目表结构
└─stores                    ----mobx状态管理库
```
# 项目数据库
    article -> 文件夹MongoDB/article (文章列表数据表)
    timer -> 文件夹MongoDB/timer     (时间轴列表数据表)

# 项目示例链接
http://www.zhangxiao.club

my-blog

my-blog Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

my-blog

my-blog Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README