博客简介:

此博客系统为SSR渲染, 屏幕自适应（兼容移动端, ipad, PC）, 采用的是前后端分离的模式: 前端使用的是 next.js; 后端为 golang, 数据库为 mysql, 部署方式为 docker

前端客户端和后台管理系统主要技术栈

• next.js
• react & redux
• axios
• react-router-dom
• mui  & ant design  & tailwindcss

后端主要技术栈

• gin
• ent
• jwt
• aliyun oss

系统架构:

架构分析

• 1. 当不同分辨率的设备通过互联网抵达博客server的时候，首先会通过nginx这个中间层
• 2. nginx的作用就是做反向代理，将请求转发给不同的容器
• 3. 客户端容器对请求页面进行解析：
• - a. 客户端容器解析服务端组件时：此时就是SSR这种情况，根据组件详情选择是否与服务端容器交互，然后将结果进行组装并返回给nginx，最后通过互联网原路返回给不同分辨率的设备
  - b. 客户端容器解析客户端组件时：也就是常见的前后端分离的，客户端就是一个“纯客户端”，没有SSR预渲染的过程，服务端返回json数据给客户端