next.js开发记录

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言： 最近在完成大三的一个课程期末设计，独立完成做了一个博客社区，主要技术栈是： 前端：next.js + mobx + ts + antd;

前言： 最近在完成大三的一个课程期末设计，独立完成做了一个博客社区，主要技术栈是： 前端：next.js + mobx + ts + antd; 后台管理系统：vue3.0 + pinia + ts

由于我们网站有时候发生了一些事情（比如网站需要维护、或者是公布最新的功能），就需要通过横幅、系统通知等方式来让用户感知到，下面我通过socket.io实现推送系统消息 给所有的用户来实现该功能。

模仿我大掘金，结合websocket实现了一个消息推送模块，分别实现：在线用户统计、实时评论消息推送、实时点赞消息推送，实时关注消息推送，还有实时的通过广播方式的系统消息推送

使用antd的upload组件上传图片坑多，这篇文章分享的就是通过next.js前端使用antd的upload组件上传，并在next.js的api目录下实现后端的接口把前端上传的图片传给阿里云oss

通过next.js这个全栈框架使用redis来实现：网站的访问量统计、各种数据的排行榜等功能，轻松应对各种使用数据库不便的场景，

之前用react开发的时候，使用redux作为全局状态管理，感觉配置比较麻烦，所以就尝试了一下其他的react全局状态管理，下面分享一下使用mobx这个全局状态管理，希望大家喜欢这种风格。

第一次在掘金分享学习内容，最近在完成大三的一个期末设计，独立完成了一个博客社区，主要技术栈是： 前端：next.js + mobx + ts ; 后台管理系统：vue3 + ts；后端：next.js