Client Surface
页面编排台
首页不是静态清单，而是由 App Router、组件和配置接口共同拼出的阅读入口。
Next.jsReactTypeScript+3
render tree
01 / RSC / UI
加载中...
About This Site
BB
一个把技术实践、生活现场和长期思考放在同一张书桌上的个人博客。
Architecture Consolelatest ready
把首页做成一条可配置、可替换的请求轨道。
页面展示的是读者看到的内容，背后保留清晰的工程边界：配置、文章、媒体和接口契约都能从后台替换，前台组件只消费稳定模型。
Stack Brief
前后端分离与自动化部署
这套站点按前后端分离来做：前台和后台用 Next.js，接口层用 Spring Boot；数据落在 MySQL，Redis 做验证码、登录和风控类状态，提交代码后用 GitHub Actions 构建镜像，再通过 Docker 部署到服务器。
/api/settings
Config Driven
后台配置驱动首页
site.hero = settings.heroTitle
home.sections = configurable
adapter = spring boot api
UI 基座
shadcn + Base UI
返回模型
settings + posts
后端替换
Spring Adapter
Technology Mesh
现代前端 + Spring 适配层
API Contract
接口契约舱
Spring Boot 统一输出文章、评论、友链和站点配置，前端只消费稳定业务模型。
Spring BootREST contractSpring gateway
api/settings
02 / adapter
Content Memory
内容记忆库
站点配置、文章、评论、媒体和缓存分层归档，首页只读取干净的业务模型。
MySQLRedisObject storage
settings map
03 / content
推荐技术栈
Next.jsReactSpring BootJavaRedisMySQL
Contract to Runtime
adapter.swap()contract
gateway
spring
Live route map
Reader request pipeline
live api
Start
读者点击
Browser request
页面访问从一次真实点击开始，首屏先把阅读体验稳定住。
01
Cache
边缘缓存
CDN / image cache
图片、脚本和静态资源优先从边缘节点返回，减少等待。
02
Render
前台渲染
Next.js 16 / React 19
负责路由、组件、交互和页面组织，把后端数据变成清晰界面。
03
API
业务接口
Spring Boot API
文章、评论、友链和站点配置统一从这里进入业务逻辑。
04
Data
数据资产
MySQL / Redis / OSS
内容、缓存、媒体资源分层存储，再沿原路返回给读者。
05
Return payload
数据沿同一条路径返回，页面完成一次闭环。
settingspostsassets